/* Shared component skin. All color/material values come from design-tokens.css.
 * Ohio keeps markup, layout and native interaction. CTA classes are excluded
 * from menu rules: their complete presentation lives in design-system.css.
 */
#masthead.header-8 .header-wrap-inner {position:relative;isolation:auto;overflow:visible;padding:20px 22px;gap:20px;min-height:92px;border-radius:var(--mto-radius-panel);background:transparent!important;}
#masthead.header-8 .header-wrap-inner::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--mto-header-wash),var(--mto-header-tint);border:0;box-shadow:var(--mto-glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);}
#masthead.header-8 .header-wrap-inner::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;padding:1.5px;background:var(--mto-header-rim);-webkit-mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);mask-composite:exclude;filter:blur(.9px);opacity:.75;}
#masthead.header-8 .branding {padding:0 8px;}
#masthead .nav :is(.nav-item,.sub-nav-item) {opacity:1!important;}
#masthead .nav .menu-link:not(.mto-button-purple):not(.mto-button-glass) {color:var(--mto-color-ink)!important;opacity:1!important;font-weight:550;line-height:1.4;letter-spacing:0;border:1px solid transparent;border-radius:var(--mto-radius-control);background:transparent!important;box-shadow:none;translate:none;transition:box-shadow var(--mto-motion),background-color var(--mto-motion);}
#masthead .nav .menu-link>span {color:inherit;opacity:1;}
#masthead .nav .has-submenu-icon {opacity:.85;}
#masthead .nav .menu-link:not(.mto-button-purple):not(.mto-button-glass):is(:hover,:focus-visible),
#masthead .nav :is(.current-menu-item,.current-menu-parent,.current-menu-ancestor)>.menu-link:not(.mto-button-purple):not(.mto-button-glass),
#masthead .nav .menu-link[aria-current="page"]:not(.mto-button-purple):not(.mto-button-glass) {background:var(--mto-action-glass)!important;box-shadow:var(--mto-glass-shadow);backdrop-filter:blur(18px) saturate(135%);}
#masthead .nav :is(.current-menu-item,.current-menu-parent,.current-menu-ancestor)>.menu-link:not(.mto-button-purple):not(.mto-button-glass) {background-color:var(--mto-glass-selected)!important;font-weight:650;}
#masthead .nav .menu-link::before,#masthead .nav .menu-link>.mto-specular {display:none;}
#masthead .nav .sub-menu {background:var(--mto-glass-surface),var(--mto-glass-panel)!important;border:0;border-radius:var(--mto-radius-panel);box-shadow:var(--mto-shadow-panel);padding:12px;backdrop-filter:blur(24px) saturate(140%);}
#masthead .nav .sub-menu .menu-link {border-radius:var(--mto-radius-field);white-space:normal;}
#masthead .nav .sub-menu>li {margin:0;min-width:0;}
@media(min-width:1181px){
 #masthead.header-8 .right-part {flex:1;justify-content:flex-end;height:auto;}
 #masthead.header-8 .left-part {flex-shrink:0;}
 #masthead.header-8 #site-navigation {position:static;transform:none;left:auto;top:auto;height:auto;}
 #masthead .menu-optional {display:none;}
 #masthead #menu-primary {display:flex;align-items:center;gap:4px;flex-wrap:nowrap;}
 #masthead #menu-primary>.nav-item {margin:0;flex-shrink:0;}
 #masthead .nav .main-menu-link:not(.mto-button-purple):not(.mto-button-glass) {white-space:nowrap;font-size:15px;padding:11px 12px;min-height:46px;}
 #masthead .nav .mto-button-purple {margin-left:12px;}
 #masthead .has-submenu:focus-within>.sub-menu {visibility:visible;opacity:1;transform:none;pointer-events:auto;}
 #masthead .nav .sub-menu {min-width:260px;top:100%;}
 #masthead .nav .nav-item:has(>.sub-menu>li:nth-child(8))>.sub-menu {display:block;width:370px;left:auto;right:0;margin-left:0;max-height:calc(100dvh - 180px);overflow-y:auto;}
 #masthead .nav .sub-menu .menu-link {font-size:15px;font-weight:500;line-height:1.4;min-height:44px;padding:11px 16px;height:auto;width:100%;}
 #masthead .nav .sub-menu>li+li {margin-top:2px;}
}
@media(max-width:1180px){
 #masthead.header-8 .header-wrap-inner {min-height:78px;padding:12px 16px;}
 #masthead .menu-slide-in-overlay {isolation:auto;inset:calc(var(--wp-admin--admin-bar--height,0px) + 12px) 12px 12px;width:auto;height:auto;border-radius:var(--mto-radius-panel);overflow:hidden;background:var(--mto-glass-surface),var(--mto-mobile-overlay)!important;backdrop-filter:blur(36px) saturate(155%);box-shadow:var(--mto-shadow-panel);}
 #masthead .menu-slide-in-overlay::before {display:none;}
 #masthead .menu-slide-in-overlay>.overlay,#masthead .menu-slide-in-overlay .holder {background:transparent!important;}
 #masthead .menu-slide-in-overlay .holder {width:100%;top:88px;height:calc(100% - 88px);max-height:calc(100% - 88px);padding:4px 24px 24px;overflow-y:auto;}
 #masthead .menu-slide-in-overlay>.close-bar {top:0;left:0;right:0;width:100%;height:88px;min-height:88px;padding:0 20px;}
 #masthead .nav .main-menu-link:not(.mto-button-purple):not(.mto-button-glass) {display:flex;align-items:center;gap:10px;white-space:normal;min-height:48px;padding:12px 16px;font-size:18px;}
 #masthead .nav .main-menu-link .has-submenu-icon {position:static;transform:none;margin:0 0 0 auto;align-self:center;flex-shrink:0;width:24px;height:24px;min-height:0;padding:0;}
 #masthead .nav .sub-menu {background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;padding:0;}
 #masthead .nav .sub-menu .menu-link {font-size:16px;padding:12px 16px;}
 #masthead .nav .mto-button-purple {margin-top:16px;}
}
/* Surfaces share the same material, including feeds and partner cards. */
#page :is(.mto-glass,.mto-card,.accordion-item),#page .card:not(.-with-overlay-image):not(.portfolio-item) {background:var(--mto-action-glass);border:1px solid transparent;border-radius:var(--mto-radius-panel);box-shadow:var(--mto-glass-shadow);color:var(--mto-color-ink);backdrop-filter:blur(18px) saturate(135%);transition:box-shadow var(--mto-motion);}
#page :is(.mto-card,.mto-glass):hover {box-shadow:var(--mto-shadow-hover);}
/* Native icon controls and selection controls retain their own dimensions. */
#page :is(.icon-button,.badge,a.tag,span.tag,.tagcloud>a,.page-numbers,.tabs-nav-link,.portfolio-filter a),.search-popup :is(.search-submit,.icon-button) {background:var(--mto-action-glass)!important;border:0;box-shadow:var(--mto-glass-shadow);color:var(--mto-color-ink)!important;backdrop-filter:blur(18px);transition:box-shadow var(--mto-motion),background-color var(--mto-motion);}
#page :is(.icon-button,a.tag,.tagcloud>a,a.page-numbers,.tabs-nav-link,.portfolio-filter a):is(:hover,:focus-visible),.search-popup :is(.search-submit,.icon-button):hover {background-color:var(--mto-glass-selected)!important;box-shadow:var(--mto-shadow-hover);}
#page :is(.tabs-nav-link.active,.portfolio-filter a.active,.page-numbers.current,[role="tab"][aria-selected="true"],.mto-glass[aria-selected="true"]) {background:var(--mto-glass-selected)!important;box-shadow:var(--mto-glass-shadow);}
#page :is(.tabs-nav-link,.portfolio-filter a) {border-radius:var(--mto-radius-field);}
#page .tabs-nav-line {opacity:0;}
/* Form fields, validation and keyboard focus. */
#page :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"],input[type="number"],input[type="password"],textarea,select) {background:var(--mto-action-glass)!important;border:1px solid var(--mto-glass-edge);border-radius:var(--mto-radius-field);box-shadow:var(--mto-glass-shadow);color:var(--mto-color-ink)!important;backdrop-filter:blur(14px);transition:border-color var(--mto-motion),box-shadow var(--mto-motion);}
#page :is(input,textarea)::placeholder {color:var(--mto-color-muted);opacity:1;}
#page :is(input,textarea,select):focus {border-color:var(--mto-color-focus);}
#page select {appearance:auto;}
#page select option {background:var(--mto-glass-solid);color:var(--mto-color-ink);}
#page :is(input[type="checkbox"],input[type="radio"]) {accent-color:var(--mto-color-focus);}
#page :is([aria-invalid="true"],.wpcf7-not-valid) {border-color:var(--mto-color-invalid)!important;}
#page .wpcf7-not-valid-tip {color:var(--mto-color-invalid);}
#page :is(a,button,input,select,textarea,[tabindex]):focus-visible,.search-popup :is(input,button):focus-visible {outline:2px solid var(--mto-color-focus);outline-offset:3px;}
#page :is(button,input,select,textarea)[disabled],#page [aria-disabled="true"] {opacity:.48;cursor:not-allowed;box-shadow:none!important;}
#page .accordion-item {margin-bottom:12px;overflow:hidden;}
#page .accordion-item>.accordion-button {background:transparent!important;}
#page .accordion-item.active>.accordion-button {background:var(--mto-glass-selected)!important;}
#page .accordion-item>.accordion-button:hover {background:var(--mto-glass-hover)!important;}
/* Pointer reflection is decorative and never changes positioning of fixed UI. */
#page .mto-reflective {isolation:auto;}
#page .mto-reflective:not(.fixed) {position:relative;}
#page .mto-reflective>.mto-specular {display:block;position:absolute;inset:0;z-index:0;border-radius:inherit;corner-shape:inherit;overflow:hidden;pointer-events:none;opacity:0;background:var(--mto-specular-light);transition:opacity var(--mto-motion);}
#page .mto-reflective:is(:hover,:focus-visible,:focus-within)>.mto-specular {opacity:1;}
#page .mto-reflective>span:not(.mto-specular),#page .mto-reflective>:is(h2,h3,p) {position:relative;z-index:1;}
/* Search popup is outside #page. */
.search-popup {background:var(--mto-overlay)!important;backdrop-filter:blur(32px) saturate(145%);color:var(--mto-color-ink);}
.search-popup .holder {width:min(820px,calc(100% - 48px));margin:auto;}
.search-popup .search-form {position:relative;display:flex;align-items:center;gap:16px;padding:24px;background:var(--mto-action-glass);border:0;border-radius:var(--mto-radius-panel);box-shadow:var(--mto-glass-shadow);backdrop-filter:blur(18px);}
.search-popup .search-form label {flex:1;min-width:0;}
.search-popup .search-field {width:100%;min-width:0;height:auto;padding:14px 8px;font-size:clamp(22px,4vw,42px);line-height:1.3;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mto-color-ink)!important;}
.search-popup .search-field::placeholder {color:var(--mto-color-muted);opacity:1;}
.search-popup .search-submit {position:static!important;flex-shrink:0;transform:none!important;width:52px;height:52px;min-width:52px;padding:0!important;display:flex;align-items:center;justify-content:center;}
.search-popup :is(.search-submit,.icon-button) {border-radius:50%;}
.search-popup .search-form:focus-within {box-shadow:var(--mto-shadow-hover);}
@media(max-width:600px){.search-popup .holder {width:calc(100% - 32px);}.search-popup .search-form {padding:16px;gap:8px;}.search-popup .search-field {font-size:24px;padding:12px 0;}.search-popup .search-submit {width:44px;min-width:44px;height:44px;}}
@supports(corner-shape:squircle){#masthead .header-wrap-inner,#masthead .header-wrap-inner::before,#masthead .header-wrap-inner::after,#masthead .nav :is(.menu-link,.sub-menu),#masthead .menu-slide-in-overlay,#page :is(.mto-card,.mto-glass,.accordion-item,.mto-placeholder,input,textarea,select),.search-popup .search-form {corner-shape:squircle;}}
@supports not (backdrop-filter:blur(1px)){#masthead .header-wrap-inner::before,#masthead .nav .sub-menu,#masthead .menu-slide-in-overlay,#page :is(.mto-card,.mto-glass,.icon-button,input,textarea,select),.search-popup {background-color:var(--mto-glass-solid)!important;}}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){#masthead .header-wrap-inner::after {display:none;}}
@media(prefers-reduced-motion:reduce){#page :is(.mto-reflective,.menu-link,.icon-button,input,textarea,select),.search-popup :is(input,button,.search-form){transition:none!important;}#page .mto-specular {opacity:0!important;}}

/* Inner pages use the same ambient brand palette as the Home scene. */
body {background-color:var(--mto-color-canvas);}
#page #content {background-color:var(--mto-color-canvas);background-image:var(--mto-page-ambient);background-size:100% 1400px;background-repeat:repeat-y;}
#page :is(.portfolio-item .overlay-details,.contact-form .form-wrapper) {background:var(--mto-action-glass);box-shadow:var(--mto-glass-shadow);border-radius:var(--mto-radius-panel);backdrop-filter:blur(18px);}
