/* Earlier dark foundation; the final black and red palette loads after this file. */
:root{--ink:#e9c1c4;--forest:#f2f2f3;--deep:#090b0f;--teal:#f2f2f3;--orange:#ec525b;--paper:#0c0e13;--sand:#151921;--line:#262627;--muted:#323233}
html{color-scheme:dark}body{background:var(--paper);color:var(--ink)}::selection{background:#e0717a;color:#fff}:focus-visible{outline-color:#ec525b}.skip-link{background:#fff;color:#0c111b}.eyebrow{color:var(--forest)}.eyebrow.light{color:#f2f2f3}.period{color:var(--orange)}
/* Base header styles; the final logo has a transparent background. */
.topbar{background:#06070a;color:#333334;border-bottom:1px solid #333334}.topbar a{color:#ecaab0}.site-header{background:#0d1016;border-bottom:1px solid #2f2f31}.header-inner{min-height:101px}.brand{background:#fff;border-radius:6px;padding:2px 11px;box-shadow:0 4px 18px #0004}.brand-logo{width:285px;max-width:285px}.primary-nav>a:not(.button),.nav-service-group>a{color:#eabbbf}.primary-nav>a:not(.button):hover,.primary-nav>a.active,.nav-service-group>a:hover,.nav-service-group>a.active{color:#f2f2f3}.submenu-toggle{color:#e6e6e7}.submenu-toggle:hover,.nav-service-group:hover .submenu-toggle{color:#f2f2f3}.menu-toggle span{background:#fff}.service-dropdown{background:#333334;border-top-color:var(--orange);box-shadow:0 24px 55px #0009}.service-dropdown a{color:#efb6ba;border-bottom-color:#313132}.service-dropdown a:hover{color:#f2f2f3}.dropdown-heading{color:#f2f2f3}
.button-dark{background:#e3e3e4;color:#fff}.button-dark:hover{background:#e8e8e9;color:#fff}.button-orange{background:#c93340;color:#fff}.button-orange:hover{background:#e24751;color:#fff}.button-outline{color:#fff;border-color:#333334}.button-outline:hover{background:#e9c1c4;color:#0c111b}.text-link{color:inherit}.text-link:hover{color:#f2f2f3}
/* Home hero and key feature retain the graphical shapes with a darker range. */
.hero{background:radial-gradient(circle at 82% 9%,#828284 0,transparent 34%),linear-gradient(120deg,#0b0d12,#111722)}.hero h1 em{color:#f2f2f3}.hero-copy>p,.intro-right>p,.section-heading p{color:var(--muted)}.hero-foot{color:#323233}.hero-bottom{border-color:#2d2d2e;color:#323233}.hero-visual-inner{background:linear-gradient(155deg,#db757e,#e0717a 48%,#111827 100%)}.hero-visual-inner:before{background:linear-gradient(transparent 40%,#080c1699)}.sun-disc{background:#eb5b65;box-shadow:0 0 90px #cf334663}.landscape-back{background:linear-gradient(#e0717a,#e0717a)}.landscape-front{background:linear-gradient(#e0717a,#080d1a)}.hero-sticker{background:#eebcc0;color:#09101d;box-shadow:0 11px 30px #0008}.hero-sticker span{color:#cb3341}
.intro,.services-section,.blog-preview,.faq-section,.service-editorial,.portfolio-main{background:#0c0e13}.intro .display em,.display em,.page-hero .display em{color:#ededee}.feature-band{background:linear-gradient(105deg,#101319,#6e6e70);border-block:1px solid #c9878d}.feature-band p{color:#333334}.feature-icon{color:#f2f2f3}.ticket{background:#515152;color:#f2f2f3;border:1px solid #c9878d;box-shadow:22px 28px 0 #080b10}.ticket-circle{background:#c93340;color:#fff}
.metrics-section{background:#141820;border-bottom:1px solid var(--line)}.metric-card{border-color:#2d2d2e}.metric-icon{border-color:#333334;color:#f2f2f3}.metric-card strong{color:#f2f2f3}.metric-card>span{color:#333334}
.service-grid{border-color:var(--line)}.service-card{background:#131720;border-color:var(--line)}.service-card:hover{background:#4c4c4d}.service-card:after{color:#4f4f50}.service-icon{background:#cd8389;color:#f2f2f3}.service-index{color:#333334}.service-card p{color:var(--muted)}.service-card .text-link{color:#f2f2f3}
.projects-section,.service-process,.process-section,.deliverables,.related-services,.related-articles{background:#12161d}.process-grid article,.deliverable-grid>div{border-color:#2b2b2c}.process-grid p{color:var(--muted)}.project-art,.project-card .project-art{background:#59595a}.project-travel{background:radial-gradient(circle at 80% 18%,#eb5c68 0 15%,transparent 16%),linear-gradient(145deg,#d27f86,#0e1729)}.project-shop{background:radial-gradient(circle at 25% 70%,#bf3b4d 0 14%,transparent 15%),linear-gradient(130deg,#333334,#111522)}.project-local{background:radial-gradient(circle at 80% 85%,#e0717a 0 22%,transparent 23%),linear-gradient(140deg,#c9878d,#7c7c7d)}.mock-browser{background:#101723;box-shadow:13px 20px 35px #0009}.mock-bar{background:#333334}.mock-body,.project-shop .mock-body,.project-local .mock-body{background:linear-gradient(130deg,#cd838a,#6b6b6c);color:#f2f2f3}.mock-button{background:#ec525b}.project-custom{background:#5c5c5d}.project-placeholder{color:#ececed}.portfolio-main .portfolio-item:first-child{background:#333334}.portfolio-note{color:#333334}.project-meta{color:#f2f2f3}.project-open{background:#f2f2f3;color:#d77a82}
.post-card-image,.article-image-wrap,.single-project-image{background:#4c4c4d}.post-card-art{background:linear-gradient(120deg,#e0717a,#5e5e5f)}.post-card-meta{color:#f2f2f3}.post-card h3 a:hover{color:#f2f2f3}.post-card p{color:var(--muted)}.empty-posts{background:#333334}.article-hero .article-byline{color:#333334}.article-body{color:#d5a2a6}.article-body h2,.article-body h3{color:#f2f2f3}.article-body a,.editor-content a,.page-editor a,.editorial-body a{color:#f2f2f3}.article-bottom{border-color:var(--line)}
.clients-section{background:#0f1219;border-color:var(--line)}.clients-section h2 em{color:#f2f2f3}.clients-section p{color:var(--muted)}.client-logo-card,.client-sample{background:#eab9bd;border:1px solid #d8a9ad;color:#6a6a6c}.client-sample{border-style:dashed}.client-logo-card strong{color:#777778}.client-logo-card small{color:#333334}.client-logo-card:hover{border-color:#e4e4e4;box-shadow:0 15px 35px #0005}.client-monogram{background:#f2f2f3;color:#e0717a}.client-placeholders>span{border-color:#222223;color:#d7a6aa}.client-placeholders small{color:#333334}
.testimonials-section{background:#151921}.testimonial-card{background:#333334;color:#e5c4c7;box-shadow:0 8px 30px #0003}.testimonial-card:hover{box-shadow:0 16px 38px #0007}.testimonial-card footer{border-color:#262627}.testimonial-card footer span{color:#333334}.testimonial-placeholder{border-color:#272728}.testimonial-placeholder p{color:#333334}.quote-mark{color:#ef626a}
.big-cta{background:radial-gradient(circle at 84% 34%,#d37e85,#0b0e14 57%);border-top:1px solid #333334}.big-cta p{color:#cb8c91}.strip-cta,.area-link-strip,.portfolio-method{background:#121925}.area-link-strip{border-block:1px solid #c9878d}.area-link-strip a{color:#f2f2f3}
.page-hero,.portfolio-hero,.area-hero{background:radial-gradient(circle at 85% 15%,#cc858b,transparent 34%),linear-gradient(115deg,#101319,#333334)}.page-hero-dark{background:#101319}.page-hero p,.page-hero-dark p{color:#333334}.page-hero-dark .display em{color:#ef626a}.about-art{background:linear-gradient(155deg,#d67a82,#101622)}.about-art:after{background:#e0717a}.about-circle{background:#69696a;color:#f2f2f3;box-shadow:23px 30px 0 #0307126b}.about-copy p{color:var(--muted)}.service-graphic{background:radial-gradient(circle,#d27f86,#555556 70%);border:1px solid #c9878d}.graphic-orbit{border-color:#333334}.graphic-center{background:#e3e3e3;color:#fff}.graphic-note{color:#e8949b}.service-details>div+div p,.editorial-body p{color:var(--muted)}.editorial-body p:first-child:first-letter{color:#f2f2f3}.service-enquiry{background:#131820}.pagination .current{background:#e0e0e1;color:#fff}
.form-panel{background:#333334;box-shadow:0 15px 45px #0005;color:#eebcc0}.form-panel>p,.form-small{color:#333334}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#111720;border-color:#282829;color:#e5e5e6}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#303031}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#f2f2f3;box-shadow:0 0 0 3px #e0717a66}.enquiry-form label span{color:#ff8188}.form-notice{background:#555556;color:#eaafb4}.form-notice.error{background:#42232a;color:#fff0f1}.form-aside,.contact-aside{background:#5f5f60;color:#fff}.form-aside li span,.service-enquiry .form-aside p{color:#cf959a}.form-aside>a{color:#ff8790;border-color:#ff8790}.contact-aside small{color:#cd868c}
.portfolio-hero-foot span{border-color:#313132;color:#d7868d}.portfolio-filters button{background:#333334;border-color:#2c2c2d;color:#e8b6ba}.portfolio-filters button:hover,.portfolio-filters button.is-selected{background:#e2e2e3;border-color:#e2e2e3;color:#fff}.method-grid p{color:#333334}.related-articles{border-top:1px solid var(--line)}
.area-hero-wide{background:radial-gradient(circle at 84% 15%,#40212a,transparent 30%),linear-gradient(115deg,#101319,#333334)}.area-services{background:#12161d}.area-service-card,.area-city-card{background:#333334;border-color:#2e2e2f;color:#eebcc0}.area-service-card:hover,.area-city-card:hover{background:#333334;border-color:#cb858b;box-shadow:0 19px 36px #0005}.area-service-card>span,.area-city-card>span,.area-service-card b,.area-city-card a{color:#f2f2f3}.area-service-card p,.area-city-card p{color:#333334}.area-city-card{border-top-color:#e75560}
.site-footer{background:#080a0e;color:#ebb4b9;border-top:1px solid #333334}.footer-brand{background:#fff;padding:8px 11px}.footer-contact>span,.footer-contact p,.footer-links a:not(.footer-brand),.footer-links p,.footer-bottom,.footer-location{color:#333334}.footer-intro h2 em{color:#f06d75}.footer-contact a:hover,.footer-links a:hover{color:#f2f2f3}.footer-links strong{color:#e5c4c7}.whatsapp-float{background:#333334;border:1px solid #333334;color:#f2f2f3}.whatsapp-float svg{color:#e0717a}
@media(max-width:1180px){.brand-logo{width:235px;max-width:235px}}
@media(max-width:950px){.brand-logo{width:220px;max-width:220px}}
@media(max-width:800px){.brand-logo{width:230px;max-width:230px}.primary-nav{background:#11161e}.nav-service-group{border-color:var(--line)}.service-dropdown{background:#333334;border-top:1px solid #333334}.primary-nav>a:not(.button){border-color:var(--line)}}
@media(max-width:600px){.header-inner{min-height:79px}.brand{padding:2px 7px}.brand-logo{width:201px;max-width:201px}.hero-bottom{border-color:var(--line)}}
@media(max-width:380px){.brand-logo{width:180px;max-width:180px}}

/* The logo is displayed unchanged on black surfaces. */
.brand,.footer-brand{background:transparent;box-shadow:none;border-radius:0;padding:0}
.brand-logo-composite{position:relative;display:block;width:285px;line-height:0}
.brand-logo-composite .brand-logo{display:block;width:100%;max-width:none;max-height:none;height:auto}
.brand-logo-composite .brand-logo-white{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);clip-path:inset(0 35% 0 25%);pointer-events:none}
.footer-brand .brand-logo-composite{width:230px}

/* Supplied client artwork on charcoal cards; the JPG logos retain their own backgrounds. */
.client-placeholders.client-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.client-grid .client-logo-card{min-width:0;min-height:180px;padding:18px 12px;background:#333334;border:1px solid #2a2a2b;color:#edbdc1;text-decoration:none}
.client-grid .client-logo-card:hover{background:#333334;border-color:#e0717a;box-shadow:0 16px 32px #0007}
.client-grid .client-logo-card img{max-height:104px;max-width:100%;width:auto;height:auto;object-fit:contain}
.client-grid .client-logo-card strong{color:#edbdc1;font-size:11px}
.client-grid .client-logo-card small{color:#f2f2f3;font-size:9px}
.client-grid .client-monogram{background:#cf8288;color:#fff}
@media(max-width:1180px){.brand .brand-logo-composite{width:235px}.client-placeholders.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.brand .brand-logo-composite{width:220px}}
@media(max-width:800px){.brand .brand-logo-composite{width:230px}}
@media(max-width:600px){.brand .brand-logo-composite{width:201px}.client-placeholders.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid .client-logo-card{min-height:153px}.client-grid .client-logo-card img{max-height:83px}.client-grid .client-logo-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}
@media(max-width:380px){.brand .brand-logo-composite{width:180px}}