/* One paper, one ink and one accent throughout the site. Photography retains its own colors. */
:root{--paper:#f1e8dc;--raised-paper:#fbf7f0;--ink:#0b1a31;--white:var(--paper);--navy:var(--ink);--cobalt:#2854ff;--line:#0b1a3133;--product-paper:var(--paper);--product-ink:var(--ink)}
html,body,main{background:var(--paper);color:var(--ink)}
#trust-title,#process{scroll-margin-top:144px}
.site-header{background:var(--paper);color:var(--ink);border-color:var(--line)}
.site-footer,.hero,.hero--dark,.hero-visual,.home-intro,.rack-section,.home-methods,.home-set,.home-works,.home-articles,.trust-section,.process-story,.process-strip,.page-intro,.catalog-index,.methods-photo-index,.method-facts,.method-facts .fact-dark,.method-note,.split-feature,.shared-reference,.texture-band,.editorial-grid>article,.open-close,.contact-board,.cobalt-band,.configurator,.request-section,.reading-page,.reading-page section,.research-editor-note,.research-correction,.article-toc,.reading-source,.product-decoration,.catalog-product-models,.product-work-examples,.other-product-contact{background:var(--paper);color:var(--ink)}
.home-set .eyebrow,.hero--dark .eyebrow,.fact-dark .eyebrow,.texture-band .eyebrow,.method-note .eyebrow{color:var(--cobalt)}
.home-set .text-link,.home-set .button--line{color:var(--ink);border-color:var(--ink)}
.home-set .button--line:hover{background:var(--raised-paper);color:var(--ink)}
.button--dark,.button--primary{background:var(--cobalt);border-color:var(--cobalt);color:var(--paper)}
.button--light,.button--line{background:transparent;border-color:var(--ink);color:var(--ink)}
.button--light:hover,.button--line:hover{background:var(--raised-paper);color:var(--ink)}
.site-nav,.menu-toggle{background:var(--paper);color:var(--ink)}
.site-nav .nav-contact,.rack-filter-bar button[aria-pressed=true],.filter-bar button[aria-pressed=true]{background:var(--cobalt);color:var(--paper);border-color:var(--cobalt)}
.rack-filter-bar button,.filter-bar button{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.material-bridge,.material-bridge--paper,.material-bridge--ink,.material-bridge--stitch{background:var(--paper);border-color:var(--line)}
.material-bridge--paper span,.material-bridge--ink span{background:var(--paper);clip-path:none;border-top:1px solid var(--line);transform:none}
.material-bridge--stitch span{border-color:var(--cobalt)}
.contact-board a:hover{background:var(--raised-paper);color:var(--ink)}

/* Original brand colors; Coyote uses dark ink on white at the user's request. */
.trust-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-section h2{color:var(--ink)}
.client-tone-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.trust-logo-wall .client-mark{background:var(--raised-paper);border:1px solid var(--line);border-radius:3px}
.trust-logo-wall .client-mark img{filter:none;mix-blend-mode:normal}
.trust-logo-wall .client-mark[data-client-logo=coyote-ugly-kazan]{padding:18px 28px;background:#fff}
.trust-logo-wall .client-mark[data-client-logo=coyote-ugly-kazan] img{filter:brightness(0)}

/* Native wide artbook spreads. Each opens as the complete composition. */
.portfolio-wide{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;grid-column:1/-1}
.portfolio-wide-frame{position:relative;display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;overflow:visible;cursor:zoom-in}
.portfolio-wide-frame>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.portfolio-wide-frame .gallery-expand{bottom:14px;right:14px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.portfolio-wide-frame .project-note{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.home-works .section-row{margin-bottom:24px}

/* The same paper family for sheets, dialogs and forms. */
dialog,.product-window,.product-window-copy,.product-window-visual,.request-drawer,.max-contact-dialog,.gallery-dialog,.gallery-toolbar,.gallery-viewport{background:var(--paper);color:var(--ink);border-color:var(--line)}
.dialog-close,.product-window-close,.gallery-toolbar button{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.request-drawer .request-item,.gallery-toolbar{border-color:var(--line)}
.request-drawer .request-item button,.max-contact-dialog .max-number,.max-contact-dialog .text-link,.window-contacts a,.window-method-condition{color:var(--ink)}
.request-form input,.config-fields input,.config-fields select,.product-window .window-field input,.product-window .window-field select{background:var(--raised-paper);color:var(--ink);border-color:#0b1a3166}
.request-form input::placeholder,.config-fields input::placeholder,.product-window .window-field input::placeholder{color:#0b1a31b3}
.product-window .window-method-sample{background:var(--raised-paper);color:var(--ink);border-color:var(--line)}
.product-window .window-method-sample[aria-pressed=true]{border-color:var(--cobalt)}
.summary,.research-reading table th,.research-reading table td,.reading-page table th,.reading-page table td{background:var(--raised-paper);color:var(--ink);border-color:var(--line)}
.research-editor-note,.research-correction{border-color:var(--cobalt)}
.form-error,.config-status,.summary-status,.local-handoff{color:var(--ink)}
@media(max-width:700px){
 .portfolio-wide{gap:8px}
 .portfolio-wide-frame .project-note{font-size:10px;padding:4px 6px;left:6px;bottom:6px}
 .portfolio-wide-frame .gallery-expand{width:32px;height:32px;font-size:18px;bottom:6px;right:6px}
 .trust-logo-wall .client-mark[data-client-logo=coyote-ugly-kazan]{padding:14px 22px}
}