/* AvatarXStudio Sea Side palette: #26648e, #4f8fc0, #53d2dc, #ffe3b3. */
:root{color-scheme:light;--bg:#f7fbfc;--panel:#fff;--line:#bad5df;--text:#173e5b;--muted:#426a82;--gold:#26648e;--gold2:#4f8fc0}
body{background:var(--bg);color:var(--text)}
:focus-visible{outline-color:#26648e}.skip{background:#ffe3b3;color:#153e5b}
.site-header{background:#fff;border-bottom:1px solid #c9e0e7;box-shadow:0 8px 28px #26648e0b}.brand{color:#173e5b}.brand .gold{color:#4f8fc0}.brand small{color:#47718d}.nav>a:not(.nav-cta):hover,.footer a:hover,.text-link:hover{color:#26749e}.nav-cta{
  border-color:#26648e;
  background:transparent;
  color:#173e5b;
}

.nav-cta:hover,
.nav-cta:focus-visible{
  border-color:#26648e;
  background:#26648e;
  color:#fff;
}

.nav-cta[aria-current="page"]{
  border-color:#26648e;
  background:#26648e;
  color:#fff;
}.menu-toggle{border-color:#26648e;color:#173e5b}
.hero{background:linear-gradient(126deg,#f9fcfd 0%,#eef8fa 52%,#c6edf2 100%)}.hero-copy{padding-right:3rem}.hero h1{color:#173e5b}.hero h1 em{color:#26648e}.hero-lede{color:#416b82}.hero .eyebrow{color:#26648e}.hero .eyebrow .line{border-color:#26648e}.text-link{border-color:#26648e}.text-link span{color:#26648e}.hero-meta{color:#587d91}.hero-art{align-self:stretch;background:radial-gradient(circle at 50% 40%,#4f8fc0,#26648e 66%,#1c5178);border-radius:0 0 0 8rem;overflow:hidden}.hero-art img{filter:drop-shadow(0 28px 42px #0b2b4299)}.art-halo{border-color:#b6f6fa77;box-shadow:0 0 100px #53d2dc42,inset 0 0 80px #53d2dc33}.art-halo:before,.art-halo:after{border-color:#c9f7f55b}.vertical-note{color:#e7fbfb}.hero-bottom{border-color:#9dbfcf;color:#416e86}.button-gold{background:#ffe3b3;color:#163e5b}.button-gold:hover{background:#53d2dc;color:#133a55}
.ticker{background:#53d2dc;color:#173e5b}.ticker b{color:#26648e}
.work-section{background:#f7fbfc}.section-head>p{color:#426a82}.eyebrow{color:#26648e}.tabs{border-color:#b5d3dd}.tabs button{color:#54768a}.tabs button[aria-selected=true]{color:#26648e;border-color:#26648e}.gallery-card{background:#fff;border-color:#c3dce5;color:#173e5b;box-shadow:0 12px 36px #26648e16}.gallery-card span{background:#fff}.gallery-card small{color:#26648e}.archive-empty{background:linear-gradient(115deg,#26648e,#4f8fc0 62%,#53d2dc);border-color:#26648e;color:#fff}.archive-empty>span{color:#ffe3b3}.archive-empty p{color:#f3fbfc}.archive-empty .button-outline{color:#153e5b;border-color:#ffe3b3;background:#ffe3b3}.archive-empty .button-outline:hover{background:#fff;border-color:#fff}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.campaign-card{min-height:520px;padding:clamp(1.4rem,2.6vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;border-radius:3px}.campaign-card:before{content:"";position:absolute;width:260px;height:260px;border:1px solid currentColor;border-radius:50%;right:-130px;top:15%;opacity:.18;pointer-events:none}.campaign-card-top,.campaign-card-bottom{display:flex;justify-content:space-between;gap:1rem;align-items:center;position:relative}.campaign-card-top{font-size:.65rem;letter-spacing:.13em;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:1rem}.campaign-card-top span:last-child{text-align:right}.campaign-card h3{font-size:clamp(2.1rem,3vw,3.5rem);line-height:1.12;margin:.7rem 0 1.3rem}.campaign-kicker{font-size:.68rem;letter-spacing:.16em;font-weight:800;margin:0}.campaign-card>div:nth-child(2){position:relative;padding:3rem 0}.campaign-card>div:nth-child(2)>p:last-child{font-size:.9rem;line-height:1.7;max-width:340px;margin:0}.campaign-card-bottom{border-top:1px solid currentColor;padding-top:1rem;flex-wrap:wrap}.campaign-card-bottom strong{font-size:.9rem}.campaign-card-bottom a{font-size:.8rem;font-weight:800;text-decoration:underline;text-underline-offset:5px}.campaign-card-bottom a:hover{opacity:.7}.campaign-reels{background:#26648e;color:#fff}.campaign-reels .campaign-kicker{color:#b8f4f3}.campaign-festive{background:#ffe3b3;color:#173e5b}.campaign-festive .campaign-kicker{color:#26648e}.campaign-why{background:linear-gradient(160deg,#53d2dc,#4f8fc0);color:#143d5a}.campaign-why .campaign-kicker{color:#184f70}
.services-section{background:#e9f5f8}.service-list{border-color:#a9ccd8}.service-list>div{border-color:#b4d2dc}.service-list span{color:#26648e}.service-list p{color:#426a82}
.statement{background:#26648e;color:#fff}.statement p{color:#bcecf1}.statement h2 em{color:#ffe3b3}.statement-inner>div{border-color:#8fc4d5}
.pricing-section{background:#f7fbfc}.price-card{background:#fff;border-color:#b7d4df;box-shadow:0 12px 36px #26648e0c}.price-card.featured{background:#e7f7f8;border-color:#53a7b9;box-shadow:0 20px 50px #26648e1a}.card-top{color:#26648e}.card-top span:last-child{color:#50788e}.featured .card-top span:last-child{color:#26648e}.price-card h3{color:#173e5b}.price small{color:#52758a}.duration{color:#26648e;border-color:#c1d9e1}.price-card ul{color:#42647a}.price-card>a{border-color:#bad4df;color:#26648e}.price-card>a:hover{color:#147a94}.price-note{color:#547487}.monthly{background:#26648e;border-color:#26648e;color:#fff}.monthly .eyebrow,.monthly .plan>span{color:#ffe3b3}.monthly p{color:#d6eef3}.monthly .plan{border-color:#83b3ca}.monthly .plan strong small{color:#d6eef3}.rate-details{border-color:#a7cbd8}.rate-details summary{color:#26648e}.details-content table th,.details-content table td{border-color:#b9d4dd}.details-content thead{color:#26648e}.addons span{border-color:#bbd6df;background:#fff}.addons b{color:#26648e}.details-content>p{color:#537589}
.process-section{background:#e8f4f7}.steps{border-color:#a9cad7}.steps span{color:#26648e}.steps p{color:#426a82}
.contact-section{background:radial-gradient(circle at 95% 10%,#4f8fc0,#26648e 50%,#173e5b 100%);color:#fff}.contact-section .eyebrow{color:#baf1f1}.contact-section h2 em{color:#ffe3b3}.contact-inner p:not(.eyebrow){color:#e0f1f4}.contact-actions>a:not(.button){border-color:#9cd1dd}.contact-actions>a:not(.button):hover{color:#ffe3b3}.office-grid{border-color:#8eb9c9}.office-grid address{color:#e0f1f4}.office-grid address strong{color:#ffe3b3}.office-intro .eyebrow{color:#baf1f1}
.footer{background:#153b57;color:#fff}.footer .brand{color:#fff}.footer .brand .gold{color:#53d2dc}.footer .brand small,.footer-top p,.footer-bottom,.terms{color:#c8e0e8}.footer-bottom{border-color:#6793a8}.footer a:hover{color:#ffe3b3}
dialog{background:#fff;border-color:#26648e;color:#173e5b}dialog::backdrop{background:#0c2f44d9}.close-dialog{color:#173e5b}
@media(max-width:1050px){.campaign-grid{grid-template-columns:1fr 1fr}.campaign-card:last-child{grid-column:1/-1;min-height:400px}}
@media(max-width:750px){.nav{background:#fff;border-bottom-color:#26648e}.nav a{border-color:#d6e5ea}.hero-copy{padding-right:0}.hero-art{border-radius:7rem 7rem 0 0;min-height:370px}.hero-art img{width:min(75%,330px)}.office-grid address{border-color:#8eb9c9}.campaign-grid{grid-template-columns:1fr}.campaign-card,.campaign-card:last-child{grid-column:auto;min-height:440px}}
@media(max-width:440px){.hero-art{min-height:330px}.hero-art img{width:270px}}

/* The added product catalogue keeps the full navigation usable on tablets. */
@media(min-width:751px) and (max-width:1150px){
  .menu-toggle{display:block;background:none;border:1px solid #26648e;color:#173e5b;padding:.6rem .85rem;font-size:.875rem}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #26648e;padding:1.2rem;align-items:stretch;flex-direction:column;gap:.5rem}
  .nav.open{display:flex}
  .nav .nav-cta{text-align:center;margin-top:.5rem}
}

/* AXSTUDIO UI-14-FINAL — CANONICAL NAV CTA STATE */

/*
 * Start a project behaves exactly like the other nav items
 * unless it is hovered/focused or is the current page.
 */

#main-nav > a.nav-cta:not([aria-current="page"]) {
  background: transparent !important;
  color: #173e5b !important;
  border: 1px solid #173e5b !important;
}

#main-nav > a.nav-cta:not([aria-current="page"]):hover,
#main-nav > a.nav-cta:not([aria-current="page"]):focus-visible {
  background: #26648e !important;
  color: #fff !important;
  border-color: #26648e !important;
}

#main-nav > a.nav-cta[aria-current="page"] {
  background: #26648e !important;
  color: #fff !important;
  border-color: #26648e !important;
}