@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/reference/instrument-serif-0.woff2) format('truetype');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/reference/instrument-serif-1.woff2) format('truetype');
}

/* Brand/content adaptations only. All layout, colors, fonts and motion use the reference stylesheet. */
.rare-logo{width:36px!important;height:36px!important;max-width:none!important;object-fit:cover;clip-path:inset(22% 23% 27% 24% round 5%);transform:scale(1.8);margin-right:10px}.nav-logo-text,.footer-logo-text{font-weight:600;letter-spacing:-.4px}.rare-client-initial{display:flex;width:43px;height:43px;justify-content:center;align-items:center;background:#3b1a0b;border:1px solid #9e5837;color:#ffe3cc;border-radius:50%;font-size:12px;font-weight:600;margin-right:-8px}.portfolio_mockup img{width:100%;height:auto}.testimonial18_card>img{width:100%;height:100%;object-fit:cover}.rare-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.rare-contact-form{background:#fff;border:1px solid #dedbd8;padding:2rem;border-radius:8px}.rare-contact-form label{font-size:.875rem;display:block;margin-bottom:1.25rem}.rare-contact-form input,.rare-contact-form textarea,.rare-contact-form select{display:block;width:100%;border:1px solid #d5d1ce;border-radius:5px;background:#faf9f7;padding:.85rem;margin-top:.5rem;color:#111;font:inherit}.rare-contact-form textarea{min-height:120px}.rare-contact-form .button{width:100%;justify-content:center;cursor:pointer}.rare-contact-direct{display:grid;gap:1.5rem;margin-top:2rem}.rare-contact-direct a{font-size:1.25rem;color:inherit}.rare-contact-direct small{font-size:.75rem;color:#a15b35;display:block;letter-spacing:1px;margin-bottom:.4rem}.rare-status{font-size:.8rem;line-height:1.5;margin-top:1rem;color:#75513b}.rare-client-mark{display:inline-flex;align-items:center;justify-content:center;background:#f2e6dc;color:#5d321e;width:48px;height:48px;border-radius:50%;font-size:12px;margin-right:12px}.rare-inner-content h1,.rare-inner-content h2{font-family:'Instrument Serif',Georgia,serif}.rare-inner-content{font-family:Switzer,Arial,sans-serif}.rare-inner-content h1{font-weight:400;letter-spacing:0}.rare-inner-content h2{font-weight:400;letter-spacing:0}
@media(max-width:767px){.rare-contact-grid{grid-template-columns:1fr}.rare-contact-form{padding:1.5rem}.nav-logo-text.hide-mobile-landscape{display:block!important;font-size:1.1rem}.rare-logo{width:28px!important;height:28px!important;margin-right:8px}.rare-client-initial{width:35px;height:35px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero_mockups-top,.hero_mockups-bottom,.hero_v2-mockups-wrap{animation:none!important}*{scroll-behavior:auto!important}}
.navbar14_link{white-space:nowrap}

/* Reference-proportioned logo lockup: original icon, regular Switzer wordmark. */
.navbar14_logo-link,.footer4_logo-link{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.rare-brand-mark{position:relative;display:block;flex:0 0 30px;width:30px;height:30px;overflow:hidden;border-radius:4px}
.rare-brand-mark .rare-logo{position:absolute;display:block;width:64px!important;height:64px!important;left:-17px;top:-15px;max-width:none!important;object-fit:contain;clip-path:none;transform:none;margin:0!important}
.nav-logo-text,.footer-logo-text{font-family:Switzer,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.15;letter-spacing:0;white-space:nowrap}
.footer4_logo-link{gap:12px}
@media(max-width:767px){.rare-brand-mark{flex-basis:28px;width:28px;height:28px}.rare-brand-mark .rare-logo{width:60px!important;height:60px!important;left:-16px;top:-14px}.nav-logo-text.hide-mobile-landscape,.footer-logo-text{font-size:18px;font-weight:400}.navbar14_logo-link{gap:10px}}
/* Match the visible logo height to the wordmark's letter height at every viewport. */
.navbar14_logo-link .rare-brand-mark,.footer4_logo-link .rare-brand-mark{flex:0 0 19px;width:19px;height:19px;border-radius:3px}
.navbar14_logo-link .rare-brand-mark .rare-logo,.footer4_logo-link .rare-brand-mark .rare-logo{width:40.5px!important;height:40.5px!important;left:-10.8px;top:-9.5px}
.navbar14_logo-link,.footer4_logo-link{align-items:center;gap:10px}



/* Opaque reference-colored navigation once content scrolls behind it. */
.navbar14_component.rare-nav-scrolled{background-color:var(--base-color-brand--dark,#2b0f02)!important;backdrop-filter:none!important;z-index:1000}
.navbar14_component.rare-nav-scrolled .navbar14_link,.navbar14_component.rare-nav-scrolled .navbar9_dropdown-toggle,.navbar14_component.rare-nav-scrolled .nav-logo-text,.navbar14_component.rare-nav-scrolled .navbar14_menu-button{color:#fff!important}
@media(max-width:991px){.navbar14_menu.is-dark{background-color:var(--base-color-brand--dark,#2b0f02)!important}}

/* Portfolio laptop photographs fill the existing work-card image panel. */
.rare-laptop-frame{padding:0!important;background:transparent!important;overflow:hidden;border-radius:5px}
.rare-laptop-frame>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transform:none!important;position:static!important;border-radius:5px}

/* Square, white-mark logo; wordmark follows the website body font. */
.navbar14_logo-link .rare-brand-mark,.footer4_logo-link .rare-brand-mark{border-radius:0}
.navbar14_logo-link .rare-brand-mark .rare-logo,.footer4_logo-link .rare-brand-mark .rare-logo{position:static;width:100%!important;height:100%!important;left:auto;top:auto;object-fit:contain;clip-path:none;transform:none;border-radius:0}
.nav-logo-text,.footer-logo-text{font-family:inherit}

/* Approved transparent orange logo and editorial brand wordmark. */
.navbar14_logo-link .rare-brand-mark,.footer4_logo-link .rare-brand-mark{flex:0 0 22px;width:22px;height:22px;overflow:hidden;border-radius:0}
.navbar14_logo-link .rare-brand-mark .rare-logo,.footer4_logo-link .rare-brand-mark .rare-logo{position:absolute;width:35.7px!important;height:35.7px!important;left:-6.8px;top:-7.3px;object-fit:contain}
.nav-logo-text,.footer-logo-text,.nav-logo-text.hide-mobile-landscape{font-family:Switzer,Arial,sans-serif!important;font-size:22px!important;line-height:1;font-weight:400;letter-spacing:0}

/* User supplied flat orange and white logo, shown uncropped. */
.navbar14_logo-link .rare-brand-mark .rare-logo,.footer4_logo-link .rare-brand-mark .rare-logo{position:static;width:100%!important;height:100%!important;object-fit:contain;transform:none}