/* Zinodeck consolidated head CSS - A1 2026-09-03 v3. Order: client-font-smoothing, a1-chrome, zd-q2-mobile-ui, zd-q1-mobile-hero, a1-hop-hero-height. */
/*client-font-smoothing*/*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-o-font-smoothing: antialiased;}
/*a1-chrome*/.navbar,.top-nav,.hero-nav-wrapper > .w-nav{display:none!important}#zd-nav-fusion > .zd-hdr{position:fixed;top:0;left:0;right:0;z-index:1000}#zd-nav-fusion > .zd-scrim, #zd-nav-fusion > .zd-drawer, #zd-nav-fusion > .zd-search-ov{position:fixed}.top-header{max-height:104px!important}@media (min-width:769px){.top-header{max-height:163px!important}}[class*="crumb"]:has(>a),nav[aria-label*="readcrumb" i],ol[class*="readcrumb" i], .zd-b3-crumbs,.zd-b2sp-crumb,.breadcrumb_component{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:0 8px!important;width:auto!important;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;font-family:"Karla",system-ui,sans-serif!important;font-size:13px!important;line-height:1.5!important;color:#4a3826}[class*="crumb"]:has(>a)::-webkit-scrollbar,.zd-b3-crumbs::-webkit-scrollbar, .zd-b2sp-crumb::-webkit-scrollbar,.breadcrumb_component::-webkit-scrollbar{display:none}[class*="crumb"]:has(>a)>*,nav[aria-label*="readcrumb" i]>*,ol[class*="readcrumb" i]>li, .zd-b3-crumbs>*,.zd-b2sp-crumb>*,.breadcrumb_component>*{display:inline-flex!important;align-items:center;flex:0 0 auto;width:auto!important;max-width:100%;margin:0!important;padding-top:0!important;padding-bottom:0!important;white-space:nowrap}[class*="crumb"]:has(>a) :is(.w-dyn-list,.w-dyn-items,.w-dyn-item,ul,ol,li), .zd-b3-crumbs :is(.w-dyn-list,.w-dyn-items,.w-dyn-item,ul,ol,li), .zd-b2sp-crumb :is(.w-dyn-list,.w-dyn-items,.w-dyn-item,ul,ol,li), .breadcrumb_component :is(.w-dyn-list,.w-dyn-items,.w-dyn-item,ul,ol,li){display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:0 8px;margin:0!important;padding:0!important;width:auto!important;list-style:none!important}[class*="crumb"]:has(>a)>*:last-child,.zd-b3-crumbs>*:last-child, .zd-b2sp-crumb>*:last-child,.breadcrumb_component>*:last-child{flex:0 1 auto;min-width:0;display:inline-block!important;overflow:hidden;text-overflow:ellipsis}[class*="crumb"]:has(>a) a,.zd-b3-crumbs a,.zd-b2sp-crumb a,.breadcrumb_component a{color:#6f5d49;text-decoration:none}html:not(:has(.top-header)) [class*="crumb"]:has(>a), html:not(:has(.top-header)) .zd-b3-crumbs{margin-top:28px!important}@media (min-width:769px){html:not(:has(.top-header)) [class*="crumb"]:has(>a), html:not(:has(.top-header)) .zd-b3-crumbs{margin-top:85px!important}}@media (max-width:767px){.zd-c-sticky{padding-bottom:env(safe-area-inset-bottom,0px)!important}.zd-c-sticky a{display:flex!important;align-items:center;justify-content:center;min-height:56px;padding:6px 6px!important;font-size:15px!important}body:has(.zd-c-sticky){padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}body.zd-a1-drawer-open .zd-c-sticky{display:none!important}}
/*zd-q2-mobile-ui*/@media(max-width:767px){.w-input,.w-select{min-height:48px;font-size:16px!important;border-radius:0;width:100%;box-sizing:border-box}textarea.w-input{min-height:120px}.zd-c-label,.zd-e-label{font-size:15px;margin-bottom:8px}.zd-c-two{display:block}.zd-c-half{width:100%}.zd-c-step{margin-top:28px;padding-top:20px}.zd-c-steplbl{display:inline-block;background:#decba4;color:#564a41;margin:0 0 14px;padding:7px 13px;font-size:12px;letter-spacing:.12em}.w-form-done{background:#decba4;color:#564a41;padding:22px 18px;font:400 16px/1.5 Karla,sans-serif;scroll-margin-top:88px}.w-form-fail{background:#f7efe6;border-left:3px solid #8c3a2b;color:#6b2f22;padding:14px 16px;font:400 15px/1.5 Karla,sans-serif}.w-input:user-invalid,.w-select:user-invalid{border-color:#8c3a2b;background:#fdf7f4}.zd-tm-ctas,.zd-tm-ctas-center,.zd-ap-cta,.zd-b3-ctas{display:block}.zd-tm-ctas>*,.zd-tm-ctas-center>*,.zd-ap-cta>*,.zd-b3-ctas>*,.zd-dk2-cta>a,.zd-e-btn,.zd-e-btn2,.addto-card-btn,form .w-button{display:block;box-sizing:border-box;width:100%;min-height:52px;margin:0 0 12px;padding:15px 18px;font-size:16px;line-height:1.35;text-align:center;touch-action:manipulation}.zd-tm-btn:active,.zd-tm-btn-d:active,.zd-ap-btn:active,.zd-dk2-btn:active,.zd-e-btn:active,.button:active,.w-button:active{background-color:#d1bf9a;border-color:#d1bf9a}.zd-tm-faqitem,.zd-ta-faq-item,.zd-wb-faqitem,.zd-faq-item-1{padding:16px 0;min-height:52px}.zd-tm-faqq,.zd-wb-faqq,.zd-faq-q{font-size:16px;line-height:1.35;margin:0 0 6px}.zd-tm-faqa,.zd-faq-a,.zd-wb-faqitem .zd-tm-body{font-size:15px;line-height:1.6;color:#6f5d49}.accordion1_component{border-bottom-color:#564a412e}.accordion1_top{min-height:52px;padding:16px 0;align-items:center;touch-action:manipulation}.accordion1_top h5{font-size:16px;line-height:1.35}.accordion1_icon{width:20px;flex:0 0 20px;margin-left:16px;align-self:center}.accordion1_bottom p{font-size:15px;line-height:1.6}.footer_link{display:flex;align-items:center;min-height:44px;padding:0;font-size:15px}.footer_link-list{display:flex;flex-direction:column}.footer-social{display:flex;flex-wrap:wrap;gap:8px}.footer_social-link{justify-content:center;min-width:44px;min-height:44px;padding:0}.footer_credit-text{font-size:13px}.footer_top-wrapper{overflow-wrap:anywhere}}
/*zd-q1-mobile-hero*/.zd-xp-head-eyebrow{opacity:1;color:#6f5d49}.zd-pg-sub{color:#6f5d49}@media screen and (max-width:767px){.zd-q1-mobile-hide{display:none!important}header.hero,.zd-tm-hero,.zd-cl-hero,.zd-ho-hero,.zd-ta-hero,.zd-c-hero,.zd-qt-hero,.zd-as-hero,.zd-wb-hero{min-height:clamp(420px,78svh,640px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;padding:0!important;position:relative;background-attachment:scroll!important}header.hero>.hero_background-image-wrapper>.image-overlay-layer,.zd-tm-hero-scrim{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(44,32,23,0) 30%,rgba(44,32,23,.55) 54.5%,rgba(44,32,23,.82) 100%)!important;position:absolute!important;inset:0!important;z-index:1}header.hero>.hero_background-image-wrapper{background-image:none!important}header.hero img.hero_background-image{object-position:50% 42%!important}.zd-tm-hero,.zd-ho-hero{background-position:52% 62%!important}.zd-cl-hero{background-position:50% 42%!important;background-image:url("https://cdn.prod.website-files.com/68d915dec34d244009760e77/68eb6367c3aa0e470a1e3624_City-of-arts-and-sciences-Valencia-p-800.avif")!important}.zd-ta-hero{background-position:50% 48%!important}.zd-c-hero{background-position:50% 45%!important}.zd-c-hero.zd-c-hero-con{background-position:50% 58%!important}.zd-c-hero.zd-c-hero-abt{background-position:50% 40%!important}header.hero>.padding-global,.zd-tm-hero-inner{position:relative!important;z-index:2!important;width:100%!important;min-width:0!important;box-sizing:border-box;max-width:none!important;margin:0!important;background-image:linear-gradient(180deg,rgba(44,32,23,0) 0%,rgba(44,32,23,.80) 15%,rgba(44,32,23,.50) 62%,rgba(44,32,23,.38) 100%)!important;padding:88px 20px 32px!important;padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important}header.hero .container-large,header.hero .hero_content,header.hero .padding-section-large,header.hero .hero-slider-wrapper,header.hero .max-width-large,header.hero .max-width-small,header.hero .max-width-medium{padding:0!important;margin:0!important;max-width:none!important;min-width:0!important;width:100%!important}header.hero .margin-bottom{margin-bottom:0!important}header.hero h1,.zd-tm-h1{color:#f3ebda!important;font-size:34px!important;line-height:1.12!important;letter-spacing:-.01em!important;font-weight:400!important;text-wrap:balance;margin:0 0 12px!important;max-width:none!important}header.hero .zd-c-eyelink,.zd-tm-eyebrow-l{color:#decba4!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.12em!important;font-weight:500!important;text-transform:uppercase;margin:0 0 12px!important;display:inline-flex!important;align-items:center;min-height:44px;padding:0 0 2px!important;box-sizing:border-box}header.hero .zd-tm-lede-l,header.hero .max-width-large>p.text-size-medium:first-of-type,header.hero .max-width-small>p.text-size-medium:first-of-type,.zd-tm-hero .zd-tm-lede-l,.zd-cl-hero .zd-tm-lede-l,.zd-ho-hero .zd-tm-lede-l,.zd-ta-hero .zd-tm-lede-l,.zd-c-hero .zd-tm-lede-l{color:#f3ebda!important;font-size:16px!important;line-height:1.5!important;font-weight:400!important;margin:0 0 20px!important;max-width:none!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}header.hero .max-width-large>p.text-size-medium:last-of-type:not(:first-of-type),header.hero .max-width-small>p.text-size-medium:last-of-type:not(:first-of-type),.zd-tm-micro{display:none!important}.zd-c-heroctas{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin:0!important;width:100%!important}.zd-c-heroctas>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;padding:12px 20px!important;box-sizing:border-box!important;font-size:16px!important;font-weight:500!important;text-align:center!important;line-height:1.25!important}a.zd-tm-btn-ghost-l{color:#f3ebda!important;border:1.5px solid #f3ebda!important}a.zd-tm-btn-ghost-l:active{background-color:#f3ebda26!important}.zd-b2pr-hero,.zd-b2fx-hero,.zd-b2sa-hero,.zd-b2sp-hero,.zd-a2-wr-hero{min-height:clamp(240px,38svh,360px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;padding:40px 20px!important;max-width:none!important;margin:0!important}.zd-b2pr-hero,.zd-b2fx-hero,.zd-a2-wr-hero{justify-content:center!important}.zd-b2sa-hero,.zd-b2sp-hero{justify-content:flex-end!important}.main-wrapper .zd-b2sa-hero,.main-wrapper .zd-b2sp-hero{position:relative}.main-wrapper .zd-b2sa-hero::after,.main-wrapper .zd-b2sp-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(44,32,23,0) 20%,rgba(44,32,23,.42) 58%,rgba(44,32,23,.68) 100%)}.main-wrapper .zd-b2sa-hero .zd-b2sa-in,.main-wrapper .zd-b2sp-hero .zd-b2sp-in{position:relative;z-index:1}.zd-b2pr-h1,.zd-b2fx-h1,.zd-b2sa-h1,.zd-b2sp-h1,.zd-a2-wr-h1,.zd-b3c-h1,.zd-e-h1{font-size:34px!important;line-height:1.12!important;letter-spacing:-.01em!important;font-weight:400!important;text-wrap:balance;max-width:none!important;margin:0 0 12px!important}.zd-b2pr-in,.zd-b2fx-in,.zd-b2sa-in,.zd-b2sp-in{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}.zd-tm-h2,.zd-hm-h2,.zd-e-h2,.zd-tm-h2c{font-size:26px!important;line-height:1.2!important;letter-spacing:-.005em!important;max-width:none!important;margin:0 0 12px!important;text-wrap:balance}.zd-tm-h3,.zd-c-tile-h,.zd-hg-name,.zd-b2sa-tier,.zd-e-cardh{font-size:20px!important;line-height:1.3!important}.zd-tm-eyebrow,.zd-b3-eyebrow,.zd-e-eyebrow,.zd-hm-eyb,.zd-tm-eyebrowc,.zd-xp-head-eyebrow,.zd-xp-eyebrow{font-size:12px!important;line-height:1.2!important;letter-spacing:.12em!important;font-weight:500!important;margin:0 0 10px!important}.zd-tm-body,.zd-b3d-intro,.zd-b3-rtwrap p,.w-richtext p{font-size:16px!important;line-height:1.6!important;max-width:34ch!important;margin:0 0 16px!important;text-align:left!important}.zd-tm-lede,.zd-e-lede,.zd-hm-lede,.zd-b3c-sub{font-size:18px!important;line-height:1.5!important;max-width:36ch!important;margin:0 0 16px!important}.zd-tm-note,.zd-b3-note,.zd-ebandcap,.zd-hg-meta,.zd-b3-cardm,.zd-c-tile-p{font-size:13px!important;line-height:1.45!important}.zd-tm-sec,.zd-hm-hosp{padding:56px 20px!important}.zd-b3-sec,.zd-e{padding-left:20px!important;padding-right:20px!important}.zd-b3-sec:not(:has(.zd-b3c-h1)){padding-top:56px!important;padding-bottom:56px!important}.zd-e:not(:has(.zd-e-h1)){padding-top:56px!important}.zd-e{padding-bottom:56px!important}.zd-tm-wrap,.zd-tm-wrap-narrow,.zd-b3-wrap,.zd-e-in,.zd-b2dk-in,.zd-b2ac-in,.zd-b2fi-in,.zd-hm-hosp-in,.zd-c-trust-in{max-width:none!important;min-width:0!important;margin:0!important}.zd-tm-sec:not(.zd-tm-ivory):not(.zd-tm-beige):not(.zd-tm-cta-band)+.zd-tm-sec:not(.zd-tm-ivory):not(.zd-tm-beige):not(.zd-tm-cta-band),.zd-tm-sec.zd-tm-ivory+.zd-tm-sec.zd-tm-ivory,.zd-tm-sec.zd-tm-beige+.zd-tm-sec.zd-tm-beige,.zd-b3-sec:not(.zd-b3-alt)+.zd-b3-sec:not(.zd-b3-alt),.zd-b3-sec.zd-b3-alt+.zd-b3-sec.zd-b3-alt{padding-top:0!important}.zd-c-trust,.zd-tm-trust{padding:16px 0!important}.zd-c-trust-bar{font-size:12px!important;line-height:1.4!important;letter-spacing:.1em!important;text-align:left!important;margin:0 0 12px!important;padding:0 20px!important}.zd-c-certs,.zd-c-hotels,.zd-tm-trust-in{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-left:20px;scrollbar-width:none;gap:8px!important;margin:0!important;padding:0 20px 8px!important;border:0!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}.zd-c-certs::-webkit-scrollbar,.zd-c-hotels::-webkit-scrollbar,.zd-tm-trust-in::-webkit-scrollbar{display:none}.zd-c-hotels{border-top:1px solid #564a412e!important;padding-top:12px!important;margin-top:4px!important}.zd-c-cert,.zd-c-hotel,.zd-tm-trust-i{flex:0 0 auto!important;scroll-snap-align:start;white-space:nowrap;display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 14px!important;border:1px solid #564a4133!important;background-color:#f9f9f4!important;font-size:13px!important;letter-spacing:.02em!important}.zd-tm-trust-d{display:none!important}.zd-c-tchev{margin-left:6px}.highlight-grid{grid-template-columns:1fr!important;gap:16px!important}.highlight-item{height:auto!important;min-height:0!important;aspect-ratio:4/3!important;justify-content:flex-end!important;align-items:flex-start!important;padding:20px!important;position:relative}.highlight-item>.image-overlay-layer{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(44,32,23,0) 30%,rgba(44,32,23,.55) 54.5%,rgba(44,32,23,.82) 100%)!important;z-index:0!important}.highlight-item>.z-10{position:relative;z-index:1}.highlight-item h3{font-size:26px!important;line-height:1.15!important;margin:0!important}.zd-hg-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:28px!important}.zd-hg-card{flex:0 0 auto!important;padding-bottom:18px!important}.zd-hg-img{height:auto!important;aspect-ratio:4/3!important;margin-bottom:14px!important}.zd-hg-name{padding:0 16px!important;margin-bottom:4px!important}.zd-hg-meta{padding:0 16px!important;font-size:12px!important}.zd-c-seeall{padding:24px 20px!important}.zd-c-tiles{display:block!important;margin:24px 0 20px!important}.zd-c-tile{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:64px!important;box-sizing:border-box;padding:14px 0!important;background-color:transparent!important;border:0!important;border-top:1px solid #564a4133!important}.zd-c-tiles>.zd-c-tile:last-child{border-bottom:1px solid #564a4133!important}.zd-c-tile-h{font-size:18px!important;margin:0!important}.zd-c-tile-p{margin:3px 0 0!important;max-width:34ch}.zd-ho-faq-item,.zd-cl-fitem{min-height:52px;padding:16px 0}.zd-ho-faq-q,.zd-cl-fq{font-size:16px;line-height:1.3;margin:0 0 6px}.zd-ho-faq-a,.zd-cl-fa{font-size:15px;line-height:1.6;max-width:34ch}.bottom-form-cta .form7_field-group{display:flex!important;flex-direction:column!important;gap:12px!important}.zd-b2dk-strip{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px!important;margin-top:14px!important;padding:0 0 14px!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.zd-b2dk-strip::-webkit-scrollbar{display:none}.zd-a1-track{animation:none!important;gap:10px!important;will-change:auto!important}.zd-a1-track>[aria-hidden="true"]{display:none!important}.zd-b2dk-chip{flex:0 0 72px!important;width:72px!important;scroll-snap-align:start}.zd-b2dk-sw{height:72px!important;width:72px!important}.zd-b2dk-chipn{font-size:12px!important;line-height:1.25!important;margin:8px 0 0!important}.zd-b2dk-chipc{font-size:12px!important;line-height:1.25!important;margin:1px 0 0!important}.zd-b2dk-striph{font-size:20px!important;margin-top:28px!important}.zd-b3h-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:20px!important}.zd-b3h-sw{aspect-ratio:1!important}.zd-b3h-cb{padding:8px 8px 10px!important}.zd-b3h-n{font-size:12px!important;line-height:1.25!important;margin:0 0 2px!important}.zd-b3h-m{font-size:11px!important;line-height:1.3!important}.zd-b3-cardgrid,.zd-b2dk-g3,.zd-b2dk-g2,.zd-e-cards,.zd-b3d-moods,.zd-n-gallery{grid-template-columns:1fr!important;gap:16px!important}.zd-b3-cardimg{aspect-ratio:4/3!important}.zd-b3-cardbody{padding:14px 16px 16px!important}.zd-b3-cardt{font-size:18px!important;line-height:1.25!important}.zd-b3-listwrap,.zd-b3-gridslot{margin-top:20px!important}.zd-b3d-hero,.zd-b3d-mood,.zd-n-gimg{aspect-ratio:4/3!important;margin-bottom:20px!important}.zd-b3-linkrow{gap:10px!important;margin-top:20px!important}.zd-b3-linkrow>a,.zd-b3-alt .zd-tm-btn-ghost-d{min-height:44px!important;display:inline-flex!important;align-items:center!important}.zd-e-card{padding:18px 16px!important}.zd-tm-cardlink,.zd-hm-link,.zd-c-banner-a,.zd-b2fi-browsecard,.zd-clv-etile,.zd-hov-cell{min-height:44px!important;display:inline-flex!important;align-items:center!important}header.hero [data-w-id],header.hero h1,header.hero p,header.hero a,.zd-tm-hero-inner>*,.zd-reveal,.zd-tilt{opacity:1!important;transform:none!important;animation:none!important}.highlight-item,.zd-hg-card,.zd-b3-card,.zd-b3h-card,.zd-c-tile{transition:background-color .15s ease,border-color .15s ease!important}}@media screen and (min-width:480px) and (max-width:767px){.zd-b3-cardgrid,.zd-b3d-moods,.zd-n-gallery,.zd-b2dk-g3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media screen and (min-width:768px) and (max-width:991px){header.hero>.hero_background-image-wrapper>.image-overlay-layer,.zd-tm-hero-scrim{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(44,32,23,0) 25%,rgba(44,32,23,.5) 55%,rgba(44,32,23,.8) 100%)!important}header.hero>.hero_background-image-wrapper{background-image:none!important}header.hero>.padding-global,.zd-tm-hero-inner{position:relative!important;z-index:2!important;background-image:linear-gradient(180deg,rgba(44,32,23,0) 0%,rgba(44,32,23,.72) 16%,rgba(44,32,23,.45) 62%,rgba(44,32,23,.35) 100%)!important}header.hero h1,.zd-tm-h1{color:#f3ebda!important;font-size:42px!important;line-height:1.1!important;letter-spacing:-.015em!important;text-wrap:balance}.zd-tm-lede-l{color:#f3ebda!important;font-size:18px!important}a.zd-tm-btn-ghost-l{color:#f3ebda!important;border:1.5px solid #f3ebda!important}.zd-c-heroctas>a{min-height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}}
/*a1-hop-hero-height | head-of-product 2026-09-03: full-bleed hero height clamp(400px,70svh,600px), replacing Q1's clamp(420px,78svh,640px). Appended as an override so Q1's block stays intact and the decision stays attributable; same selectors and specificity, later in file, so it wins.*/@media screen and (max-width:767px){header.hero,.zd-tm-hero,.zd-cl-hero,.zd-ho-hero,.zd-ta-hero,.zd-c-hero,.zd-qt-hero,.zd-as-hero,.zd-wb-hero{min-height:clamp(400px,70svh,600px)!important}}/*zd-r 2026-09-03 tap targets + acceptance fixes (MOBILE-SPEC Acceptance). Appended after v3; nothing above is modified.*/@media(max-width:767px){.zd-logo{position:relative;display:inline-block}.zd-logo::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;transform:translateY(-50%);height:44px;pointer-events:auto}[class*="crumb"]>a,a[class*="crumb"]{position:relative}[class*="crumb"]>a::after,a[class*="crumb"]::after{content:"";position:absolute;left:-5px;right:-5px;top:50%;transform:translateY(-50%);height:44px;pointer-events:auto}.zd-ars-ucta,.zd-bi-pillar,.zd-a2-wr-doclink{min-height:44px;display:flex;align-items:center}.w-checkbox{min-height:44px;padding-top:12px;padding-bottom:12px;box-sizing:border-box}.w-commerce-commerceaddtocartquantityinput{min-height:44px!important;min-width:56px}.inc.w-button,.dec.w-button,a.inc,a.dec{min-width:44px}.zd-search-input{min-height:44px!important}.zd-tm-wrap-narrow a[href^="/"]{min-height:44px;display:inline-flex;align-items:center}}body.zd-dealer .zd-hero h1,body.zd-dealer .zd-hero h2,body.zd-dealer .zd-hero p,body.zd-dealer .zd-hero [data-element="eyebrow"]{color:#fffaf0!important}body.zd-dealer .zd-hero img{filter:brightness(.55)}.hero-nav-wrapper.zd-chrome .navbar_dropdwn-toggle,.hero-nav-wrapper.zd-chrome .navbar_dropdwn-toggle div,.hero-nav-wrapper.zd-chrome .navbar_link{color:#fff!important}.navbar_dropdown-list{background:#564a41!important}.zd-dd{position:relative;display:flex;align-items:center}.zd-dd .zd-tg{cursor:pointer;display:flex;align-items:center;gap:7px;color:inherit;transition:color .2s}.zd-dd .zd-car{font-size:9px;opacity:.7;transition:transform .25s ease}.zd-dd:hover .zd-car,.zd-dd.zd-open .zd-car{transform:rotate(180deg)}.zd-dd .zd-list{position:absolute;top:100%;left:0;min-width:250px;flex-direction:column;padding:12px 0;background:#564a41;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 44px -26px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none;z-index:60;display:flex}.zd-dd:hover .zd-list,.zd-dd.zd-open .zd-list{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.zd-dd .zd-list a{display:block;padding:10px 24px;color:#fffaf0!important;font-family:Karla,sans-serif;font-size:15px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;border-left:2px solid transparent;transition:color .18s,border-color .18s,background .18s}.zd-dd .zd-list a:hover{color:#decba4!important;background:rgba(255,255,255,.05);border-left-color:#decba4}.zd-dd .zd-hr{height:1px;background:rgba(255,255,255,.14);margin:7px 20px}@media screen and (max-width:991px){.zd-dd{flex-direction:column;align-items:flex-start;width:100%}.zd-dd .zd-list{position:static;min-width:0;width:100%;background:transparent;border:0;box-shadow:none;padding:2px 0 6px 14px;transform:none;opacity:1;visibility:visible;display:none;pointer-events:auto}.zd-dd:hover .zd-list{display:none}.zd-dd.zd-open .zd-list{display:flex}.zd-dd .zd-list a{border-left:0;padding:8px 0}}@media(min-width:769px){html[data-wf-page="6a2d74f1810063a433767338"] .zd-bi-head,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-bi-head{padding-top:228px!important}html[data-wf-page="6a2d74f1810063a433767338"] .zd-blog-wrap,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap{padding-top:240px!important}}@media(max-width:768px){html[data-wf-page="6a2d74f1810063a433767338"] .zd-bi-head,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-bi-head{padding-top:104px!important}html[data-wf-page="6a2d74f1810063a433767338"] .zd-blog-wrap,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap{padding-top:112px!important}}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-hdr,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-hdr{background:var(--zc-bg)!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-hdr::before,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-hdr::before{opacity:0!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-hdr::after,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-hdr::after{opacity:1!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-utility,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-utility{border-bottom-color:var(--zc-bd-faint)!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-utility-list a,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-utility-list a{color:var(--zc-muted)!important;text-shadow:none!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-icon,html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-burger,html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-cart-slot .w-commerce-commercecartopenlink,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-icon,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-burger,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-cart-slot .w-commerce-commercecartopenlink{color:var(--zc-ink)!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-nav-item>button,html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-nav-item>a,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-nav-item>button,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-nav-item>a{color:var(--zc-ink)!important;text-shadow:none!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-logo .lg-light,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-logo .lg-light{opacity:0!important}html[data-wf-page="6a2d74f1810063a433767338"] #zd-nav-fusion .zd-logo .lg-dark,html[data-wf-page="6a2b756fec10ec970cb58c74"] #zd-nav-fusion .zd-logo .lg-dark{opacity:1!important}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext h2{font-family:'Crimson Text',serif;font-weight:400;font-size:2rem;line-height:1.2;margin:48px 0 16px;color:#564a41}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext h3{font-family:'Crimson Text',serif;font-weight:400;font-size:1.5rem;margin:32px 0 12px;color:#564a41}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext p{font-size:1.125rem;line-height:1.7;margin:0 0 20px}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext ul,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext ol{margin:0 0 20px;padding-left:22px}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext li{margin-bottom:8px;line-height:1.65}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext a{color:#564a41;text-decoration:underline}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext blockquote{border-left:3px solid #decba4;margin:24px 0;padding:8px 0 8px 20px;font-style:italic}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext table{width:100%;border-collapse:collapse;margin:28px 0;font-size:.95rem;display:block;overflow-x:auto}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext th{background:#f3ebda;font-weight:600;text-align:left;padding:12px 14px;border:1px solid rgba(86,74,65,.18)}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext td{padding:12px 14px;border:1px solid rgba(86,74,65,.18);vertical-align:top}@media(max-width:767px){html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext h2{font-size:1.6rem;margin-top:36px}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext h3{font-size:1.3rem}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext p{font-size:1.0625rem}html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext th,html[data-wf-page="6a2b756fec10ec970cb58c74"] .zd-blog-wrap .w-richtext td{padding:10px 12px;font-size:.9rem}}
/* =========================================================================
   T2 — contrast remediation (2026-09-11). Appended block; do not reorder.
   Head-of-product rule: body / lede / answer text at least 7:1 on light grounds
   (umber #564a41, never #6f5d49 for paragraphs); #6f5d49 only on 13px or smaller
   captions and eyebrows; ivory #f3ebda at full opacity on dark bands;
   no opacity under 1 on text and no rgba() text colours.
   Documented in 07-execution/T2.md.
   ========================================================================= */

/* ---- T2-1  Hero scrims -------------------------------------------------
   Both hero scrims were bottom-anchored gradients (transparent above ~30%),
   but every hero on this site sets its text in the upper half, so the H1,
   lede, eyebrow and ghost button sat on bare photography (measured 3.4:1).
   Replaced with a left-weighted + full-height scrim that keeps the image
   readable and puts the text column over at least 4.5:1 everywhere. */
header.hero > .hero_background-image-wrapper > .image-overlay-layer,
.zd-tm-hero-scrim,
.zd-ho-hero .zd-tm-hero-scrim,
.zd-cl-hero .zd-tm-hero-scrim,
.zd-ta-hero .zd-tm-hero-scrim,
.zd-c-hero .zd-tm-hero-scrim,
.zd-qt-hero .zd-tm-hero-scrim,
.zd-as-hero .zd-tm-hero-scrim,
.zd-wb-hero .zd-tm-hero-scrim {
  background-color: transparent !important;
  background-image:
    linear-gradient(90deg, rgba(28,20,14,.82) 0%, rgba(28,20,14,.78) 40%, rgba(28,20,14,.46) 66%, rgba(28,20,14,.26) 100%),
    linear-gradient(180deg, rgba(28,20,14,.34) 0%, rgba(28,20,14,.22) 45%, rgba(28,20,14,.52) 100%) !important;
}
/* text is centred on these, so scrim evenly */
.zd-ho-hero .zd-tm-hero-scrim,
.zd-ta-hero .zd-tm-hero-scrim {
  background-image:
    linear-gradient(180deg, rgba(28,20,14,.62) 0%, rgba(28,20,14,.66) 50%, rgba(28,20,14,.72) 100%) !important;
}
/* image caption bars sit directly on photography */
.zd-ho-imgcap, .zd-cl-imgcap, .zd-ebandcap { background-color: #241a13e0 !important; }

/* ---- T2-2  Light ("-l") text variants rendered on LIGHT grounds --------
   site.css declares .zd-tm-lede-l / -eyebrow-l globally as ivory and the v5
   head forces .zd-tm-h1 ivory with !important, so any use of them outside a
   hero (e.g. the /hospitality "Short answer:" answer block) was ivory on
   ivory — 1.12:1. Re-ground them inside every light section wrapper. */
.zd-tm-sec .zd-tm-lede-l,
.zd-tm-sec .zd-tm-lede-l *,
.zd-tm-sec .zd-tm-eyebrow-l,
.zd-tm-sec .zd-tm-h1,
.zd-tm-ivory .zd-tm-lede-l, .zd-tm-ivory .zd-tm-lede-l *,
.zd-tm-beige .zd-tm-lede-l, .zd-tm-beige .zd-tm-lede-l *,
.zd-tm-cta-band .zd-tm-lede-l, .zd-tm-cta-band .zd-tm-lede-l *,
.zd-ho-speakable .zd-tm-lede-l, .zd-ho-speakable .zd-tm-lede-l * { color: #564a41 !important; }
.zd-tm-sec .zd-tm-btn-ghost-l,
a.zd-tm-sec-ghost { color: #564a41 !important; border-color: #564a41 !important; }

/* ---- T2-3  Inline links that inherited an ivory colour on a beige band -- */
.zd-wb-altlinks, .zd-wb-altlinks .zd-wb-ilink,
p.zd-wb-altlinks a { color: #564a41 !important; }

/* ---- T2-4  #6f5d49 is a caption colour only ---------------------------
   Every rule below declared the muted umber at 14px or larger, i.e. on ledes,
   card paragraphs, notes and eyebrows. Re-grounded to #564a41
   (8.11:1 on #f9f9f4, 7.22:1 on #f3ebda). #6f5d49 is kept on the 13px or smaller
   captions/eyebrows only, where it measures 5.3-5.96:1. */
.zd-tm-lede, .zd-tm-ledec, .zd-hm-lede, .zd-d-lede, .zd-b3c-sub,
.zd-tm-cardp, .zd-tm-note, .zd-tm-logo, .zd-hm-logo,
.zd-tm-eyebrow, .zd-tm-eyebrowc, .zd-hm-eyb, .zd-bi-cat,
.zd-bi-pillars-label, .zd-xp-ueyebrow, .zd-xp-head-eyebrow,
.zd-clv-etile-eye, .zd-axv-ueyebrow,
.zd-ars-unum, .zd-ars-ueyebrow, .zd-ars-ucap,
.zd-wbv-cap, .zd-wbv-rnum, .zd-wbv-reyebrow, .zd-wbv-rcap,
.zd-wbv-geoeyebrow, .zd-wbv-geoarrow, .zd-wbv-geoline,
.zd-inv-eyb, .zd-inv-c, .zd-rlx-eyb, .zd-rlx-c,
.zd-txv-eyb, .zd-txv-c, .zd-txv-c-lead, .zd-hov-eyb, .zd-hov-c,
.zd-e-eyebrow, .zd-e-note, .zd-e-cardp, .zd-e-cap, .zd-e-hint,
.zd-b2ac-num, .zd-a2-wr-eyebrow, .zd-a2-wr-src,
.zd-a2-docs-eyebrow, .zd-a2-docs-note, .zd-a2-docs-src,
.zd-b2fi-browsep, .zd-c-tile-p, .zd-a2-pl-eyebrow, .zd-a2-pl-src,
.zd-c-steplbl, .zd-b3-eyebrow, .zd-b3-note, .zd-b3-seenm,
.zd-c-seeall-p { color: #564a41 !important; }

/* ---- T2-5  No opacity under 1 on text, no rgba() text colours -------------- */
.zd-b3-crumb-now, .zd-b3-crumb-now-1, .zd-b3-sep, .zd-b3-sep-1,
.zd-pg-sub, .zd-bi-ex, .zd-tor-note, .zd-van-note, .zd-ott-spec-note,
.zd-explore-note, .zd-bi-pillars-label, .zd-fr-related-sep,
.zd-xp-hero-cap, .zd-xp-tcap, .zd-xp-ueyebrow, .zd-xp-ucap,
.zd-xp-head-eyebrow, .zd-clv-etile-arrow, .zd-axv-tcap, .zd-axv-heyebrow,
.zd-axv-hcap, .zd-wbv-rnum, .zd-wbv-eyebrow-w, .text-style-muted { opacity: 1 !important; }
.zd-tm-micro { color: #f3ebda !important; }
.zd-clv-cap, .zd-xp-hero-cap, .zd-axv-tcap, .zd-axv-hcap { color: #f9f9f4 !important; }
.zd-b3-crumb-now, .zd-b3-crumb-now-1 { color: #564a41 !important; }
.zd-pg-sub { color: #564a41 !important; }

/* ---- T2-6  Off-token surfaces: #efe6d2 loses the 7:1 floor ------------- */
.zd-tm-cta-band, .zd-tm-sec.zd-tm-cta-band, .zd-c-seeall,
.zd-hg-card.zd-c-seeall { background-color: #f3ebda !important; }

/* ---- T2-7  Text on honey (#decba4) must be umber ----------------------- */
html body .button.is-primary, html body a.button.is-primary,
html body .zd-btn.primary, html body a.zd-btn.primary,
.zd-tm-btn, a.zd-tm-btn { color: #564a41 !important; }

/* ---- T2-8  Rich-text and generic paragraphs keep the 7:1 floor --------- */
.w-richtext p, .w-richtext li, .zd-tm-body, .zd-tm-bodyc { color: #564a41; }

/* ---- T2-9  "Not yet available in Canada" banner was under the fixed nav --
   .zd-c-banner is the first element in .main-wrapper on /cladding, /axel,
   /cloture-composite and /bardage-composite, and the fixed header (123px at 992 and up, 142px at 768-991, 64px at 767 and down) covered it completely: the ivory
   text on the umber band was invisible, measured 1.01:1 against the nav's
   own ground. Offset it below the header instead. */
.zd-c-banner { margin-top: 92px; }
@media (max-width: 991px) { .zd-c-banner { margin-top: 110px; } }
@media (max-width: 767px) { .zd-c-banner { margin-top: 32px; } }
.zd-c-banner-t { color: #f3ebda !important; }

/* ---- T2-10  /resources (ZinoFunnel page, unclassed inline markup) -------
   Two page-local defects the sweep found: a card image scrim at 46% black
   (white 12px caption measured 3.93:1) and a 12px meta paragraph written as
   rgba(86,74,65,.7) (3.73:1). Scoped to body.zd-resources so nothing else
   on the site is touched. */
html body.zd-resources [data-card] > [data-image-spec] > div:last-child { background: rgba(0,0,0,.68) !important; }
html body.zd-resources .text-size-tiny.text-gray-600 > p { color: #564a41 !important; }
/* the trade card is a dark panel: its ghost button stays ivory, but the honey-filled
   .is-primary inside it inherited `color:#fff !important` from a 0-3-1 injected rule. */
html body.zd-resources [data-card] .button.is-primary,
html body.zd-resources [data-card="trade"] .button.is-primary { color: #564a41 !important; }

/* ---- T2-11  Round 2: defects the first sweep surfaced ------------------
   Measured after publish 2 on all 178 URLs; these are the only page-content
   nodes left under 4.5:1 (everything else remaining is the fixed nav bar,
   which is T3's). */

/* (a) The six hub heroes were converted to full-bleed photography with a scrim
   (J 2026-09-02) but kept the DARK text classes, so on /samples and
   /specifications the eyebrow and lede were umber on a dark hero: 1.00 and
   1.09:1 — invisible. Light them, like every other scrimmed hero. */
.zd-b2sa-hero .zd-tm-eyebrow, .zd-b2sa-hero .zd-tm-lede, .zd-b2sa-hero .zd-tm-body,
.zd-b2sp-hero .zd-tm-eyebrow, .zd-b2sp-hero .zd-tm-lede, .zd-b2sp-hero .zd-tm-body { color: #f3ebda !important; }
/* ONLY .zd-b2sa-hero and .zd-b2sp-hero carry a photograph. The other four hub
   heroes (.zd-b2pr-, .zd-b2fx-, .zd-b2fn-, .zd-b2sb-) are flat #f3ebda bands
   with dark text and must NOT be lit or scrimmed - verified by measuring
   backgroundImage on all six. */

/* (b) /colours: the first .zd-b3-sec is the photographic band (the other four
   on that page are flat), so its eyebrow and current-page crumb were umber on
   the image: 1.82 and 2.11:1. Page-scoped so the 46 CMS routes that share the
   class are untouched. */
html[data-wf-page="6a978a730335ab9634880f69"] .zd-b3-sec:first-of-type .zd-b3-eyebrow,
html[data-wf-page="6a978a730335ab9634880f69"] .zd-b3-sec:first-of-type .zd-b3-crumb-now,
html[data-wf-page="6a978a730335ab9634880f69"] .zd-b3-sec:first-of-type .zd-b3-crumb-now-1 { color: #f3ebda !important; }

/* (c) /shop uses the same Relume hero pattern under a different class, so the
   T2-1 scrim selector missed it: its overlay was 20% black and the white H2 and
   lede measured 2.06 / 2.05:1. */
.shop-header_background-image-wrapper > .image-overlay-layer {
  background-color: transparent !important;
  background-image:
    linear-gradient(90deg, rgba(28,20,14,.82) 0%, rgba(28,20,14,.78) 40%, rgba(28,20,14,.46) 66%, rgba(28,20,14,.26) 100%),
    linear-gradient(180deg, rgba(28,20,14,.34) 0%, rgba(28,20,14,.22) 45%, rgba(28,20,14,.52) 100%) !important;
}

/* (d) /become-a-dealer: five inline links in an embed use an off-palette green
   (#6b7a4f), 4.40:1 on the ground. */
html body.zd-dealer .w-embed a, html body.zd-dealer .w-embed p a { color: #564a41 !important; }

/* (e) The hub heroes carry their photograph as the header's own background with
   no overlay element, so there was nothing to deepen: /specifications still
   measured 3.40:1 after (a). Add the scrim as a pseudo-element and lift the
   content above it (position:relative with no offsets moves nothing). */
.zd-b2sa-hero, .zd-b2sp-hero { position: relative; }
.zd-b2sa-hero::before, .zd-b2sp-hero::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(28,20,14,.80) 0%, rgba(28,20,14,.74) 42%, rgba(28,20,14,.44) 68%, rgba(28,20,14,.24) 100%),
    linear-gradient(180deg, rgba(28,20,14,.30) 0%, rgba(28,20,14,.20) 45%, rgba(28,20,14,.48) 100%);
}
.zd-b2sa-hero > *, .zd-b2sp-hero > * { position: relative; z-index: 1; }

/* (f) .zd-muted (#7b6f66) is 16px body copy on the funnel pages' light ground:
   4.62:1 — legal, but under the 7:1 body floor. Only used on light grounds
   (/become-a-dealer, /tarifa-thank-you, /dealer-thank-you). */
html body .zd-muted { color: #564a41 !important; }
