/* Goodside editorial system: serif voice, white space, colourful utility icons. */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');
:root{--display:'Lora',Georgia,serif;--paper:#fff;--ink:#252723;--muted:#727570;--line:#e3e4e6;--forest:#111;--moss:#686d69;--acid:#77e3f1;--lime:#77e3f1;--highlight:#77e3f1;--highlight-orange:#ff9952;--radius-card:26px}
html,html.nature-theme{background:#fff}
body,body.nature-home{--paper:#fff;--white:#fff;--ink:#252723;--muted:#727570;--line:#e3e4e6;--forest:#111;--moss:#686d69;--acid:#77e3f1;--lime:#77e3f1;background:#fff;color:var(--ink)}
/* Keep the existing centred frame, columns and section grids. */
main h1,.nature-home .hero h1,.page-hero h1,.article-hero h1,.ig-detail-copy h1,.project-hero h1,.ct-hero h1,.credits h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,6.4vw,78px);line-height:1.1;letter-spacing:-.045em;overflow-wrap:break-word}
main h2,.section-title,.nature-home .section-head h2,.nature-home .split h2,.nature-home .contact h2,.nature-home .faq-head h2,.saas-caption h2,.ig-section-heading h2,.contact-meta h2,.audit-banner h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.15;letter-spacing:-.035em}
main h1 em,.page-hero h1 em,.ig-detail-copy h1 em{font-family:inherit;font-weight:400;font-style:normal;letter-spacing:inherit;color:#8b8e89}
main h2 em,.section-title em,.contact-meta h2 em,.service-detail h2 em,.audit-banner h2 em,.ig-section-heading h2 em,.project-close h2 em,.project-testing h2 em,.ig-final-cta h2 em{font-family:inherit;font-weight:400;font-style:normal;letter-spacing:inherit;background:var(--highlight);color:#252723;padding:0 .12em;margin-inline:.035em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
main h3,.service-tile h3,.concept-copy h3,.article-card h3,.process-step h3,.modal-box h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.22}
main p,.nature-home .section-head p,.section-intro>p:last-child,.page-hero .lead,.ig-detail-copy>p,.service-detail>div>p,.contact-meta p,.about-copy p{font-family:var(--body);font-size:clamp(14px,1.5vw,17px);line-height:1.65;color:var(--muted)}
.eyebrow,.nature-home .eyebrow,.service-tile .tile-no,.industry-card>span{font:600 13px/1.4 var(--body);letter-spacing:0;text-transform:none;color:#35383c}
.brand-label{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:18px}
.brand-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0;vertical-align:middle}
.brand-inline-icon{width:30px;height:30px;object-fit:contain;display:inline-block;vertical-align:middle;margin:0 .13em .1em}
.brand-label>.dot{display:none}
.topbar{background:#fff}.wordmark{font-family:'Manrope',sans-serif;color:#252723}.topbar .desktop-nav a{color:#666b68}.topbar .desktop-nav a[aria-current=page]{color:#111}
.button-dark,.button-outline,.button,.topbar .nav-cta,.project-form button{border-radius:24px;gap:16px;min-height:48px;font:600 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:space-between;padding:12px 18px;max-width:100%;text-align:left}
.button-dark,.nature-home .primary,.topbar .nav-cta,.project-form button{background:#080808;color:#fff;border:1px solid #080808;box-shadow:none}
.button-outline,.nature-home .ghost{background:#fff;color:#252723;border:1px solid #d9dadc}
.button-dark:hover,.nature-home .primary:hover,.topbar .nav-cta:hover,.project-form button:hover{background:#26282a;color:#fff}
.button-outline:hover,.nature-home .ghost:hover{background:#f5f6f7;color:#252723}
.brand-arrow{display:grid!important;place-items:center;flex-shrink:0;width:39px;height:38px;padding:0!important;margin:-7px -13px -7px 4px!important;border-radius:6px 18px 18px 6px;background:#77e3f1;color:#111;font:400 22px/1 var(--body)}
.button-outline .brand-arrow,.ghost .brand-arrow{background:#edf9fa}
.topbar .nav-cta{font-size:9px;gap:8px;min-height:41px;padding:10px 14px}.topbar .nav-cta .brand-arrow{width:28px;height:28px;font-size:18px;margin:-4px -9px -4px 0!important}
.service-tile,.service-tile:nth-child(n),.industry-card,.industry-card:nth-child(n),.article-card,.why-card,.price-card,.pricing-card,.package-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 3px 0 #2527230c}
.service-tile:hover,.industry-card:hover,.article-card:hover{border-color:#b3dfe5;background:#fbfefe}
.industry-card:after{display:none}.industry-card>.brand-icon{position:absolute;top:54px;left:24px;width:44px;height:44px}.industry-card>b{font-family:var(--body);font-weight:600;letter-spacing:-.04em}.industry-card small{color:var(--muted)}
.service-tile>.brand-icon{margin-top:12px}.service-tile h3{font-size:clamp(26px,3vw,38px)}.service-tile .tile-no{margin-bottom:10px}.service-tile .tile-link{color:#636b68}.service-tile:last-child{grid-column:auto!important}
.tone-alt,.service-detail.tone-alt,.ig-category-intro,.ig-journey-section,.ig-case-section,.ig-next-section,.nature-home .split-band,.saas-scroll-section,.faq-section{background:#f7f7f7}
.dark,.page-section.dark,.nature-home .services,.ig-testing-section,.ig-final-cta,.project-testing{background:#fff;color:var(--ink)}
.dark p,.dark small,.dark .eyebrow,.nature-home .services p,.nature-home .offer p,.nature-home .offer-price small,.nature-home .caveat,.ig-testing-section p,.ig-final-cta p,.project-testing p{color:var(--muted)!important}
.ig-create-section,.project-close,.audit-banner{background:#f7f7f7;color:var(--ink)}
.ig-create-section h2 em,.project-close h2 em{background:var(--highlight-orange);color:#fff}
.ig-detail-hero{background:#fff;color:var(--ink)}.ig-back,.ig-detail-copy .eyebrow{color:#666b68}.ig-detail-count strong{color:#252723}
.ig-filters button,.ig-testing-tabs button,.ig-audience-choices button,.ig-journey button,.saas-stages button{border-radius:999px;border-color:#dadde0;background:#fff;color:#606561}
.ig-filters button.is-selected,.ig-testing-tabs button.is-selected,.ig-audience-choices button.is-selected,.ig-journey button.is-selected,.saas-stages button.is-active{background:#111;color:#fff;border-color:#111}
.concept-image,.creative-figure,.work-visual,.work-image,.service-visual,.home-product-card img,.ig-detail-center,.ig-journey-image,.ig-creative,.modal-box{border-radius:24px!important}
.work-caption h3,.concept-copy h3,.home-product-card h3{font-family:var(--body);font-weight:600;letter-spacing:-.035em}.work-caption p,.concept-copy p,.home-product-card p{font-size:14px}
.nature-home .contact,.nature-home .contact-main,.nature-home .footer{background:#fff}.nature-home .contact-main{max-width:700px;border-radius:28px}.nature-home .contact-main .eyebrow{color:#35383c!important}
.project-form input,.project-form select,.project-form textarea,.form input,.form select,.form textarea{border:1px solid #dedfe2;background:#fff;border-radius:12px;padding:13px;color:#252723}
.project-form label{font:500 12px var(--body);text-transform:none;letter-spacing:0}.project-form .radio-group input{padding:0;width:auto}
.calculator{background:#f7f7f7;border:1px solid var(--line);border-radius:24px}.faqs details{border:1px solid var(--line);border-radius:16px;padding-inline:18px;margin-block:10px}.faq-head h2{font-family:var(--display)}
.process-step,.step{border:1px solid var(--line);border-radius:20px;padding:20px!important;background:#fff;box-shadow:0 3px 0 #2527230c}.process-step .brand-icon,.step .brand-icon{margin-bottom:12px}.process-step h3,.step h3{margin-top:12px}.step p{font-size:14px}
.nature-home .hero h1{max-width:840px;font-family:var(--display);line-height:1.12;color:#fff}.nature-home .hero h1 em{font:400 1em/1.12 var(--display);letter-spacing:inherit;color:#dfeaf7}
.nature-home .hero p{color:#fff;font-size:17px}.nature-home .hero .tag{font-size:11px}.nature-home .hero .brand-icon{width:24px;height:24px}.nature-home .hero .hero-meta{font-size:9px}
.nature-home .hero h1 em::selection,::selection{background:#bceafa;color:#18303c}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #39b8cc;outline-offset:4px}
/* Exact reference icon crops, rendered at their native small UI scale. */
.reference-icon{background-repeat:no-repeat;object-fit:contain;mix-blend-mode:multiply;box-shadow:none!important;border:0!important;border-radius:0!important}
img[src*="brand-icon-"]{visibility:hidden}
.brand-label>.reference-icon{width:26px;height:26px;flex:none}
.ref-chat{background-image:url('icon-reference-chat.png');background-size:calc(var(--icon-size,32px)*1.888889) auto;background-position:calc(var(--icon-size,32px)*-.666667) calc(var(--icon-size,32px)*-.666667)}
.ref-browser{background-image:url('icon-reference-browser.png');background-size:calc(var(--icon-size,32px)*15.05) auto;background-position:calc(var(--icon-size,32px)*-1.35) calc(var(--icon-size,32px)*-.6)}
.ref-project{background-image:url('icon-reference-files.png');background-size:calc(var(--icon-size,32px)*21.1) auto;background-position:calc(var(--icon-size,32px)*-1.25) calc(var(--icon-size,32px)*-1.625)}
.ref-slides{background-image:url('icon-reference-files.png');background-size:calc(var(--icon-size,32px)*21.1) auto;background-position:calc(var(--icon-size,32px)*-1.95) calc(var(--icon-size,32px)*-19)}
.ref-companion{background-image:url('icon-reference-companion.png');background-size:calc(var(--icon-size,32px)*26.8) auto;background-position:calc(var(--icon-size,32px)*-1) calc(var(--icon-size,32px)*-.75)}
.ref-video{background-image:url('icon-reference-video.png');background-size:calc(var(--icon-size,32px)*36.055556) auto;background-position:calc(var(--icon-size,32px)*-12.555556) calc(var(--icon-size,32px)*-1.592593)}
.industry-card>.brand-icon{width:32px;height:32px;--icon-size:32px!important}
@media(max-width:600px){main h1,.page-hero h1,.ig-detail-copy h1,.nature-home .hero h1{font-size:clamp(39px,9.3vw,56px);line-height:1.12}main h2,.section-title,.nature-home .section-head h2,.nature-home .split h2,.nature-home .contact h2{font-size:clamp(30px,7.5vw,40px);line-height:1.18}.brand-label{font-size:12px}.industry-card>.brand-icon{top:43px;left:16px;width:34px;height:34px}.button,.button-dark,.button-outline{font-size:10px}.actions{flex-wrap:wrap}.nature-home .hero p{font-size:15px}.brand-inline-icon{width:23px;height:23px}}
/* Resolve earlier page styles that used lime text on cyan highlights. */
main h1,main h2,.ct-section h2,.ct-hero h1{font-family:var(--display)!important;font-weight:400!important;letter-spacing:-.045em!important}
main h1 em,main h2 em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important}
main h2 em,.dark .section-title em,.ct-section h2 em,.ct-loop-section h2 em{background:#77e3f1!important;color:#252723!important;padding:0 .09em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.nature-home .hero .tag{background:#ffffff24!important;border:1px solid #ffffff94!important;color:#fff!important;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffffa0,0 10px 26px #08255128;border-radius:999px}
.nature-home .hero .tag .dot{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;background:#ffffff35;border:1px solid #ffffffa8;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(10px);position:relative}.nature-home .hero .tag .dot:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:11px/1 var(--body)}
.industry-card:after{display:none!important}.industry-card{isolation:isolate}
.industry-icon-glass{position:absolute!important;top:31%;left:50%;transform:translate(-50%,-20%);width:106px;height:106px;display:grid!important;place-items:center;border-radius:29px;background:#ffffff45!important;border:1px solid #ffffffb5;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 #fff,0 15px 36px #32352e11;z-index:1}
.industry-icon-glass svg{width:58px;height:58px;color:var(--industry-icon-color,#448f9e)}
.industry-card:nth-child(5n+1){--industry-icon-color:#da784d;background:#fff7f1}
.industry-card:nth-child(5n+2){--industry-icon-color:#358aa5;background:#f4fcfe}
.industry-card:nth-child(5n+3){--industry-icon-color:#b16e95;background:#fdf7fb}
.industry-card:nth-child(5n+4){--industry-icon-color:#719154;background:#f8fbf2}
.industry-card:nth-child(5n){--industry-icon-color:#9c78b5;background:#faf7fd}
@media(max-width:600px){.industry-icon-glass{width:84px;height:84px;border-radius:24px}.industry-icon-glass svg{width:48px;height:48px}}
/* Show actual portfolio artwork in the creative-testing demonstration. */
.ct-slider-layer .ct-photo-wash,.ct-slider-layer .poster-brand,.ct-slider-layer .poster-headline,.ct-slider-layer .poster-cta,.ct-slider-layer .poster-caption{display:none!important}
.ct-slider-layer img{object-fit:cover!important}
.ct-hero-poster .poster-brand,.ct-hero-poster .poster-headline,.ct-hero-poster .poster-cta,.ct-canvas-art .poster-brand,.ct-canvas-art .poster-headline,.mini-art .poster-brand,.mini-art .poster-headline,.ct-heat-art .poster-brand,.ct-heat-art .poster-headline,.ct-emotion-art .poster-brand,.ct-emotion-art .poster-headline,.ct-audience-art .poster-brand,.ct-audience-art .poster-headline,.ct-case-section .poster-brand,.ct-case-section .poster-headline,.ct-case-section .poster-cta,.ct-case-section .ct-ab-poster>b,.ct-ab-section .ct-ab-poster>b,.ct-ab-section .ct-ab-poster>small{display:none!important}
.lab-asset{background-size:cover!important;background-position:center!important}
.lab-campaign{background-image:url('creative-board-a.png')!important;background-size:auto 200%!important;background-position:15% 0!important}
.lab-pack{background-image:url('assets/product-suite/vela-cosmetics-packaging.webp')!important}
.lab-site{background-image:url('sillage-brand-system.png')!important}
.lab-poster{background-image:url('creative-board-a.png')!important;background-size:auto 200%!important;background-position:85% 0!important}
.lab-video{background-image:url('soli-video-storyboard.png')!important}
.lab-social{background-image:url('creative-board-b.png')!important;background-size:auto 200%!important;background-position:15% 100%!important}
.lab-asset>b,.lab-asset>i{display:none!important}
.lab-asset>span{display:inline-block;position:relative;background:#ffffffdb;color:#252723!important;border:1px solid #ffffffb9;border-radius:999px;padding:6px 9px;backdrop-filter:blur(10px);font:600 10px var(--body);letter-spacing:0}
.variant-card{background-size:cover!important;background-repeat:no-repeat!important;background-color:#f1f1ed!important}
.variant-a{background-image:url('creative-board-b.png')!important;background-size:auto 200%!important;background-position:15% 0!important}
.variant-b{background-image:url('creative-board-b.png')!important;background-size:auto 200%!important;background-position:85% 0!important}
.variant-c{background-image:url('creative-board-a.png')!important;background-size:auto 200%!important;background-position:15% 100%!important}
.variant-d{background-image:url('creative-board-b.png')!important;background-size:auto 200%!important;background-position:85% 100%!important}
.variant-e{background-image:url('assets/product-suite/pulse-social-campaign.webp')!important;background-position:center!important}
.variant-card>b,.variant-card>small{display:none!important}.variant-card>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffffbd;border-radius:12px;background:#ffffffc9;color:#252723!important;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff;font:600 12px var(--body)}
.pack-option{background-image:url('creative-board-a.png')!important;background-size:auto 250%!important;background-repeat:no-repeat!important;background-color:#fbf2e6!important}
.pack-option:nth-child(1){background-position:62% 100%!important}
.pack-option:nth-child(2){background-position:76% 100%!important}
.pack-option:nth-child(3){background-position:93% 100%!important}
.pack-option .pack-drawing{visibility:hidden}
.pack-option>span{padding:6px 9px;border-radius:999px;background:#ffffffe8;color:#252723;backdrop-filter:blur(10px);font:600 10px var(--body)}
.motion-showcase .motion-card video{object-fit:cover;background:#ebe9e6}
/* A labelled mobile menu keeps every page discoverable on small screens. */
@media(max-width:900px){.topbar .menu-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;min-width:86px;height:42px;padding:8px 11px;border:1px solid #c9d8dc;border-radius:22px;background:#fff;color:#1f3539}.topbar .menu-toggle i{display:none}.topbar .menu-toggle::before{content:'Menu';font:600 12px var(--body)}.topbar .menu-toggle::after{content:'☰';font:18px/1 var(--body)}.topbar .menu-toggle[aria-expanded=true]::before{content:'Close'}.topbar .menu-toggle[aria-expanded=true]::after{content:'×'}}
@media(max-width:600px){.topbar .nav-cta{display:none}.topbar .menu-toggle{margin-left:auto}.topbar .mobile-panel{top:70px;max-height:calc(100vh - 70px);overflow-y:auto;z-index:100}}