/* Arcform Studio — the same clear interface language as Office. */
:root{--display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ink:#191c24;--ink-2:#242a35;--paper:#f5f5f7;--cobalt:#2456cf;--soft-blue:#b4ccff;--muted:#b9c0ce}
html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--display);line-height:1.65}button,input,select,textarea{font-family:inherit}
:where(button,select,input:not([type=radio]):not([type=checkbox]),.button,.text-link,.site-header a,.mobile-nav a,.footer-links a,.footer-contact a){min-height:44px}
button,.button,.menu-button{min-width:44px;touch-action:manipulation}input,select,textarea{font-size:1rem;line-height:1.5;border-radius:10px}input::placeholder,textarea::placeholder{color:#606875;opacity:1}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #b4ccff;outline-offset:4px}.project-form :focus-visible,.catalogue :focus-visible,.featured-work :focus-visible,.portfolio-library :focus-visible{outline-color:#2456cf}
.site-header{padding-block:12px;background:#191c24;min-height:88px}.brand strong{font-size:1.125rem;font-weight:650}.brand small{font-size:.75rem;letter-spacing:.07em;color:#b9c0ce}.site-header nav{font-size:.9375rem;letter-spacing:0;gap:20px}.site-header nav a{display:inline-flex;align-items:center;padding-inline:8px}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.site-header .nav-cta{padding-inline:20px;border-radius:10px;background:#2456cf;border-color:#2456cf}
.button{border-radius:10px;font-size:.9375rem;letter-spacing:0;font-weight:600;min-height:48px;box-shadow:none}.button:hover{transform:none}.button-primary:hover{background:#1b45af}.text-link{display:inline-flex;align-items:center;font-size:.9375rem;padding-block:10px}.section-label,.eyebrow,.section-kicker{font-size:.75rem;letter-spacing:.08em}.hero-meta,.hero-proof,.signal-strip{font-size:.8125rem;letter-spacing:.05em}
.home-hero h1,.inner-hero-grid h1,.contact-intro h1{font-weight:600;letter-spacing:-.05em;line-height:1.08}.home-hero h1 em,.inner-hero-grid h1 em,.contact-intro h1 em,.closing-grid h2 em{font-family:inherit;font-style:normal;font-weight:600;letter-spacing:inherit}.home-hero{padding-block:72px}.hero-lede{font-size:1.0625rem;max-width:45ch}.hero-proof{color:#b9c0ce}.hero-project,.hero-project-secondary{border-radius:16px;overflow:hidden}.hero-project>div{padding:20px}.hero-project span,.hero-project-secondary span,.hero-project-secondary small{font-size:.8125rem}.hero-project strong{font-size:1rem}.hero-project-secondary{background:#242a35}.hero-project-secondary>div{gap:6px}
.signal-strip{white-space:normal;flex-wrap:wrap;overflow:visible}.signal-strip i{flex-shrink:0}.selected-photo{border-radius:16px}.selected-info span{font-size:.8125rem;color:#545b68;letter-spacing:.03em}.selected-info>b{font-size:.875rem}.selected-project>p,.selected-note{font-size:.9375rem;color:#545b68}.selected-info h3{font-weight:600}.editorial-copy>p{color:#c3cad6}.indexed-list{border:0;gap:16px}.indexed-list li{border:1px solid #ffffff26;border-radius:16px;background:#202530;padding:28px}.indexed-list li>span{font-size:.8125rem;color:#b4ccff}.indexed-list small{color:#c3cad6;font-size:.9375rem}.indexed-list a{min-height:44px}.method-grid{border:0;gap:16px}.method-grid article{border:1px solid #dedee3;border-radius:16px;background:#fff}.method-grid article>span{font-size:.8125rem}.method-grid p{color:#545b68;font-size:.9375rem}.method-grid h3{margin-top:40px}.closing-cta{background:#2456cf}.closing-grid p{color:#fff;font-size:1rem}.closing-cta .section-label{color:white}.closing-grid .button:hover{background:#edf2ff}
footer{font-size:.875rem}footer a{display:inline-flex;align-items:center}.footer-brand p,.footer-brand strong{font-size:.9375rem}.footer-links{flex-wrap:wrap}.footer-contact span{font-size:.8125rem}.catalogue-title p,.catalogue-number,.hero-meta,.featured-tags span,.project-filters button,.form-progress,.form-disclaimer,.contact-direct span{font-size:.8125rem}.catalogue-copy>p,.catalogue-title p,.project-info p,.project-count,.artwork-note{color:#545b68}.project-preview{border-radius:16px}.project-info>span{font-size:.875rem}.project-filters{flex-wrap:wrap}.project-filters button{border-radius:9px;min-height:44px;color:#454e60}.contact-form-wrap{color:#1d1d1f}.project-form,.brief-result{border-radius:18px;background:#fff;border:1px solid #dedee3;box-shadow:0 4px 24px #00000004}.project-form>label,.form-row label,legend{font-size:.9375rem}.choice span{min-height:48px;display:flex;align-items:center;font-size:.9375rem;border-radius:10px}.choice input:focus-visible+span{outline:3px solid #2456cf;outline-offset:3px}.choice input:checked+span{font-weight:650;border-width:2px}.form-disclaimer{color:#545b68}.form-progress{color:#545b68}.brief-result pre{white-space:pre-wrap;overflow-wrap:anywhere}.contact-direct a{font-size:.9375rem;min-height:44px;display:flex;align-items:center}.contact-layout .button-primary{background:#2456cf}.contact-intro{background:#191c24}.contact-lede,.domain-disclosure{color:#c3cad6}
@media(max-width:760px){.site-header{padding-inline:max(20px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top))}.menu-button{width:48px;height:48px;border-radius:10px}.mobile-nav{top:100%;padding:16px max(20px,env(safe-area-inset-left));border-bottom:1px solid #ffffff26;background:#191c24}.mobile-nav a{display:flex;align-items:center;font-size:1rem;padding:12px}.home-hero{padding-block:44px;gap:32px}.home-hero h1{font-size:clamp(2.8rem,11vw,5rem)}.home-hero .eyebrow{font-size:.75rem}.hero-actions{gap:16px}.hero-actions .button,.hero-actions .text-link{font-size:.9375rem}.hero-proof{font-size:.8125rem;gap:14px}.signal-strip{font-size:.75rem;gap:16px;padding-block:20px}.signal-strip span:last-child{display:block}.signal-strip i{display:none}.section{padding-inline:max(20px,env(safe-area-inset-left))}.hero-project>div{display:block}.hero-project strong{display:block;margin-top:5px}.selected-info{flex-wrap:wrap}.selected-info>b{white-space:normal}.project-grid{grid-template-columns:1fr}.project-preview{height:auto;min-height:280px}.inner-hero-grid h1,.contact-intro h1{font-size:clamp(2.6rem,10vw,4.5rem)}.hero-meta{flex-wrap:wrap;gap:12px}.form-row{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.project-form,.brief-result{padding:24px}.form-submit{width:100%}.footer-links{gap:12px}footer{padding-bottom:max(32px,env(safe-area-inset-bottom))}.section-label,.eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(forced-colors:active){.button,.choice span,.indexed-list li{border:1px solid ButtonText}.choice input:checked+span{outline:2px solid Highlight}}

.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;border-radius:10px;background:#fff;color:#191c24}.skip-link:focus{top:16px}#main:focus{outline:none}#feedback-form input,#feedback-form select,#feedback-form textarea{font-size:1rem}#feedback-form button{background:#2456cf;border-radius:10px;font-size:.9375rem}#feedback-form :focus-visible{outline-color:#2456cf}

/* Nasean's display preference: capitalize every word in the site interface. */
@media screen {
  body, body * { text-transform: capitalize !important; }
  /* Preserve entered text, code, generated briefs and client deliverables. */
  body input, body textarea, body pre, body pre *, body code, body code *,
  body .document-sheet, body .document-sheet * { text-transform: none !important; }
  body input::placeholder, body textarea::placeholder { text-transform: capitalize !important; }
}

/* Arcform's public studio: charcoal canvas, quiet surfaces and a restrained accent. */
:root{--ink:#111318;--ink-2:#191c23;--paper:#e8e9ed;--cobalt:#315bd2;--soft-blue:#b2c6ff;--muted:#b0b5c1;--line:#ffffff20;--dark-line:#ffffff20;--studio-surface:#191c23;--studio-border:#30353f}
body.studio-public{background:#111318;color:#e8e9ed;color-scheme:dark}
.studio-public .site-header{background:#111318;border-color:#282d36}
.studio-public .home-hero,.studio-public .inner-hero,.studio-public .service-index,.studio-public .signal-strip,.studio-public .contact-intro{background:#111318}
.studio-public .brand small,.studio-public .hero-proof,.studio-public .hero-lede,.studio-public .signal-strip{color:#b0b5c1}
.studio-public .hero-project,.studio-public .hero-project-secondary{border:1px solid #30353f;background:#191c23;box-shadow:0 12px 36px #0002}
.studio-public .hero-project>div{background:#191c23;color:#e8e9ed;border-top:1px solid #30353f}
.studio-public .hero-project span,.studio-public .hero-project-secondary span{color:#b0b5c1}
.studio-public .hero-project-secondary small{color:#b2c6ff}
.studio-public .featured-work,.studio-public .portfolio-library,.studio-public .featured-project:not(.punch-feature),.studio-public .studio-method,.studio-public .catalogue,.studio-public .case-study,.studio-public .contact-layout{background:#16191f;color:#e8e9ed;border-color:#30353f}
.studio-public .editorial-intro,.studio-public .style-library,.studio-public .extras-panel{background:#191c23;color:#e8e9ed}
.studio-public .work-heading h2 em,.studio-public .featured-project:not(.punch-feature) h2 em,.studio-public .editorial-copy h2 em{color:#b2c6ff}
.studio-public .featured-work .section-label,.studio-public .studio-method .section-kicker,.studio-public .editorial-intro .section-kicker,.studio-public .featured-project:not(.punch-feature) .section-label,.studio-public .case-head .section-label{color:#b2c6ff}
.studio-public .section-label,.studio-public .eyebrow{color:#b2c6ff}
.studio-public .selected-info span,.studio-public .selected-project>p,.studio-public .selected-note,.studio-public .method-grid p,.studio-public .catalogue-copy>p,.studio-public .catalogue-title p,.studio-public .project-info p,.studio-public .project-count,.studio-public .artwork-note,.studio-public .featured-project:not(.punch-feature) .featured-copy>p,.studio-public .case-body>div>p,.studio-public .case-facts small{color:#b0b5c1}
.studio-public .selected-info>b,.studio-public .project-info>span,.studio-public .service-demo-link,.studio-public .extra-demo-links a{color:#b2c6ff;border-color:#788bbd}
.studio-public .work-heading .text-link{border-color:#788bbd;color:#e8e9ed}
.studio-public .selected-note,.studio-public .catalogue-item,.studio-public .catalogue-item:last-child,.studio-public .catalogue-copy ul,.studio-public .catalogue-copy li,.studio-public .case-facts,.studio-public .case-facts span,.studio-public .featured-project:not(.punch-feature) .featured-tags span{border-color:#30353f}
.studio-public .selected-photo,.studio-public .cookie-project .selected-photo,.studio-public .project-preview.posters{background:#20242c}
.studio-public .featured-photo{border-radius:16px;border:1px solid #30353f}
.studio-public .indexed-list li{background:#191c23;border-color:#30353f}
.studio-public .indexed-list li:hover{background:#222733}
.studio-public .indexed-list small,.studio-public .editorial-copy>p,.studio-public .featured-copy>p{color:#bcc1cc}
.studio-public .method-grid article{background:#1c2028;border-color:#30353f}
.studio-public .method-grid article>span{color:#b2c6ff}
.studio-public .closing-cta{background:#191d27;border-top:1px solid #30353f;border-bottom:1px solid #30353f}
.studio-public .closing-grid p{color:#bcc1cc}
.studio-public .closing-grid h2 em{color:#b2c6ff}
.studio-public .closing-grid .button{background:#315bd2;color:white;border-color:#315bd2}
.studio-public .closing-grid .button:hover,.studio-public .button-primary:hover,.studio-public .nav-cta:hover{background:#244bb9;color:white;border-color:#244bb9}
.studio-public .project-filters button{color:#bcc1cc;border-color:#454d5e;background:#1c2028}
.studio-public .project-filters button[aria-pressed=true]{background:#315bd2;color:white;border-color:#315bd2}
.studio-public .contact-form-wrap{color:#e8e9ed}
.studio-public .project-form,.studio-public .brief-result{background:#1c2028;color:#e8e9ed;border-color:#343b48;box-shadow:0 12px 40px #0002}
.studio-public input,.studio-public select,.studio-public textarea{background:#12161e;color:#e8e9ed;border-color:#596172;color-scheme:dark}
.studio-public input::placeholder,.studio-public textarea::placeholder{color:#a5adbc}
.studio-public .choice span{background:#191d25;border-color:#596172;color:#c0c5d0}
.studio-public .choice input:checked+span{background:#27365a;border-color:#95aff3;color:#e4ebff;box-shadow:inset 3px 0 #95aff3}
.studio-public .choice input:focus-visible+span{outline-color:#b2c6ff}
.studio-public .form-progress,.studio-public .form-progress span:last-child,.studio-public .form-disclaimer{color:#b0b5c1;border-color:#343b48}
.studio-public .brief-result pre{background:#12161e;color:#c0c5d0;border-left-color:#95aff3}
.studio-public .text-button{color:#b2c6ff}
.studio-public footer{background:#111318;border-top:1px solid #282d36;color:#b0b5c1}
.studio-public :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#b2c6ff}
.studio-public .skip-link{background:#27365a;color:#e4ebff;border:1px solid #95aff3}
.studio-public .mobile-nav{background:#111318;border-color:#30353f}
/* The review shell stays consistent; the client's preview keeps its own design. */
body.review-page{background:#111318;color:#e8e9ed;color-scheme:dark}
.review-page header{background:#111318;border-bottom:1px solid #30353f}
.review-page .review-heading>p:not(.eyebrow),.review-page .feedback>div p,.review-page .note,.review-page footer{color:#b0b5c1}
.review-page .eyebrow{color:#b2c6ff}
.review-page .feedback,.review-page footer{border-color:#30353f}
.review-page .feedback form{background:#1c2028;border-color:#343b48;border-radius:16px}
.review-page input,.review-page select,.review-page textarea{background:#12161e;color:#e8e9ed;border-color:#596172;color-scheme:dark}
.review-page input::placeholder,.review-page textarea::placeholder{color:#a5adbc}
.review-page #feedback-status{color:#b0dbc7}
.review-page #feedback-form :focus-visible,.review-page :focus-visible{outline-color:#b2c6ff}
.review-page #error{background:#402225;color:#ffd2cf;border:1px solid #895154;border-radius:10px}
.review-page .skip-link{background:#27365a;color:#e4ebff}
.studio-public a[href^="mailto:"]{text-transform:none!important;overflow-wrap:anywhere;min-width:0}
.studio-public .footer-contact a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}