.qodef-core-dashboard{max-width:initial!important}.qodef-core-dashboard .qodef-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.qodef-core-dashboard .qodef-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.qodef-core-dashboard .qodef-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.qodef-core-dashboard .qodef-cd-title-holder{margin-bottom:30px}.qodef-core-dashboard .qodef-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.qodef-core-dashboard .qodef-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}@media only screen and (max-width:1600px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{max-width:initial;width:50%;box-sizing:border-box}}@media only screen and (max-width:768px){.bridge-dashboard_page_system-info .qodef-core-dashboard .qodef-core-dashboard-column{width:100%}}.qodef-core-dashboard .qodef-core-dashboard-column.qodef-cd-smaller-column{max-width:380px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box{background-color:#fff}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-core-bottom-space{margin-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:28px 34px 23px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box.qodef-cd-import-box .qodef-cd-label{font-weight:600;margin-bottom:15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box h3{margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-field-holder{padding-bottom:30px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus{outline:0;border-color:#c2c2c2}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:focus:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-webkit-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input::-moz-placeholder{color:#555d66;opacity:1}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-ms-input-placeholder{color:#555d66}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:active,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:focus,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-field{border-bottom-color:#ee3535}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box:last-child .qodef-cd-box-row:last-child{padding-bottom:10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button{padding:7px 35px;font-size:16px;line-height:1em;color:#fff;background-color:#3596ee;border:none;border-radius:5px;box-shadow:0 2px 0 0 #246eae;cursor:pointer}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-cd-button-disabled,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button.qodef-import-demo-data-disabled{background-color:#6bb4f7}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.qodef-core-dashboard .qodef-core-dashboard-column a.qodef-cd-button{text-decoration:none}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section{padding:0 35px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list{padding:10px 35px;margin:0}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li{font-size:15px;margin:0 0 25px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-list li a{color:#3675ae}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-label,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{display:table-cell;width:50%;padding:17px 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value{color:#3e87be}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cdb-value-false span{color:#ea3a27}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0 30px 10px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section{padding:0 0 28px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns{display:flex;margin:0 -15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column{padding:0 15px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:first-child{width:75%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section.qodef-cd-box-form-section-columns .qodef-cd-box-form-section-column:last-child{width:25%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-cd-import-option,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .qodef-import-demo{width:100%}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-is-completed,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong{display:none;color:#3596ee;font-size:14px;font-weight:600}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-import-went-wrong a{color:inherit}.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-dependency,.qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form .qodef-cd-box-form-section-progress{display:none}#qodef-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#qodef-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#qodef-progress-bar{color:#3596ee}#qodef-progress-bar::-moz-progress-bar{background:#3596ee}#qodef-progress-bar::-webkit-progress-value{background:#3596ee}#qodef-progress-bar[aria-valuenow]:before{background:#3596ee}.qodef-cd-selection li.select2-results__option{padding:10px;margin:0}.qodef-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .qodef-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-action-selection li.select2-results__option,.qodef-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .qodef-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .qodef-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .qodef-cd-action-selection .select2-results__option--highlighted,.select2-container--default .qodef-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.qodef-cd-import-single-page{width:100%}.qode-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.qode-cd-switch .qodef-cd-import-attachments{display:none}.qode-cd-switch .qode-cd-cb-disable,.qode-cd-switch .qode-cd-cb-enable{display:block;float:left;padding:0 10px}.qode-cd-switch .qode-cd-cb-disable.selected,.qode-cd-switch .qode-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.qode-cd-switch .qode-cd-cb-disable span,.qode-cd-switch .qode-cd-cb-enable span{line-height:32px;font-size:13px;display:block;font-weight:700}.qodef-cd-demos-list{position:relative;display:inline-block;width:100%;vertical-align:middle;background:#fff;box-sizing:border-box;padding:45px 35px}.qodef-cd-demos-list article{position:relative;display:inline-block;width:100%;vertical-align:middle;box-sizing:border-box}.touchevents .qodef-cd-demos-list article{cursor:pointer}.qodef-cd-demos-list article .qodef-cd-demo-item-inner{position:relative;display:inline-block;width:100%;vertical-align:middle}.qodef-cd-demos-list article .qodef-cd-di-image{margin:0 0 22px;position:relative}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;background-color:#fff;transition:opacity .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner{display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-links-holder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 5%}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link{padding:0 12px;margin:0 0 4px}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a{font-size:11px;text-transform:uppercase;color:#272727;font-weight:500;letter-spacing:1.3px;text-decoration:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:focus{outline:0;box-shadow:none}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a svg{transition:all .3s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:hover svg{animation:qode-arrow-move .7s ease}.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-description-holder p{font-size:13px;line-height:16px;color:#b5b5b5;margin:5px 0 0}.qodef-cd-demos-list article .qodef-cd-di-image:hover .qodef-cd-di-image-overlay{opacity:1}.qodef-cd-demos-list article .qodef-cd-di-image img{box-shadow:0 0 9px 4px rgba(0,0,0,.05)}.qodef-cd-demos-list article .qodef-cd-di-text{padding-bottom:10px}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-title{padding:0;margin:0;font-size:18px;line-height:25px;font-weight:400}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories{font-size:14px;font-weight:400;color:#555d66}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span{position:relative;display:inline-block;vertical-align:middle;padding:0;margin:0 7px 0 0}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:after{position:absolute;top:0;right:-4px;content:', ';color:inherit;line-height:inherit}.qodef-cd-demos-list article .qodef-cd-di-text .qodef-cd-di-categories span:last-child:after{display:none}.qodef-cd-demos-list.qodef-cd-no-space article{padding:0;margin:0}.qodef-cd-demos-list.qodef-cd-tiny-space article{padding:0 5px;margin:0 0 10px}.qodef-cd-demos-list.qodef-cd-small-space article{padding:0 10px;margin:0 0 20px}.qodef-cd-demos-list.qodef-cd-normal-space article{padding:0 15px;margin:0 0 30px}.qodef-cd-demos-list.qodef-cd-medium-space article{padding:0 25px;margin:0 0 50px}.qodef-cd-demos-list.qodef-cd-large-space article{padding:0 30px;margin:0 0 60px}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-demos-list-inner{opacity:0}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry article{width:100%}.qodef-cd-demos-list.qodef-cd-demos-masonry .qodef-cd-grid-gutter{width:0}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:50%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:25%}.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article{width:20%}.qodef-cd-demos-list .qodef-cd-demos-filter-holder{padding:0 0 60px 25px}.qodef-cd-demos-list .qodef-cd-dlf-search{position:relative;width:250px;padding-right:30px;display:inline-block}.qodef-cd-demos-list .qodef-cd-dlf-search .qodef-cd-dlf-search-icon{position:absolute;left:0;top:50%;margin-top:-11px;color:#3594cd}.qodef-cd-demos-list .qodef-cd-dlf-search input{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #c2c2c2;box-shadow:none;padding-left:25px;outline:0;font-size:14px;line-height:26px;color:#555d66}.qodef-cd-demos-list .qodef-cd-dlf-filter{position:relative;display:inline-block;vertical-align:bottom}.qodef-cd-demos-list .qodef-cd-dfl-filter-list{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{position:relative;display:inline-block;vertical-align:middle;padding:0 10px;margin:0;float:left;cursor:pointer;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{position:relative;display:inline-block;vertical-align:middle;color:#555d66;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;border-bottom:1px solid transparent;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li.qodef-cd-demos-current span,.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li:hover span{border-bottom-color:#3596ee;color:#3596ee}#qodef-demo-import-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}#qodef-demo-import-popup .qodef-import-popup-close{position:absolute;right:25px;top:25px;text-decoration:none;color:#000}#qodef-demo-import-popup .qodef-core-dashboard{margin:0;padding:27px 40px 2px;background-color:#fff;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column{max-width:670px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-core-dashboard-box .qodef-cd-box-title-holder{padding:0;margin:0 0 33px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-core-dashboard-column .qodef-cd-import-form{padding:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder{max-width:205px;margin-right:19px;display:inline-block;vertical-align:top}#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img{display:block;max-width:100%}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder{display:inline-block;vertical-align:top;max-width:calc(100% - 230px);border:1px solid #e1e1e1;border-left:3px solid #3596ee;box-sizing:border-box;padding:16px 17% 11px 18px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p{margin:0;font-size:12px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p.qode-demo-plugins-install-main-title{margin:0 0 7px}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link{color:#4b9eef;text-decoration:none}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qode-demo-plugin-installed{color:#6ab375}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link.qodef-disabled{pointer-events:none;opacity:.6}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder p .qodef-install-plugin-link:focus{box-shadow:none;outline:0}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner{float:none;margin:0 0 0 4px;top:2px;width:15px;background-size:15px;position:relative}#qodef-demo-import-popup .qodef-core-dashboard .qodef-popup-required-plugins-holder .spinner.active{visibility:visible}@media only screen and (max-width:1440px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1400px){.qodef-cd-dlf-filter{display:block;padding-top:30px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li{padding:5px 10px}.qodef-cd-demos-list .qodef-cd-dfl-filter-list>li span{line-height:26px}}@media only screen and (max-width:1280px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article{width:33.33333%}}@media only screen and (max-width:1024px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:33.33333%}}@media only screen and (max-width:768px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article{width:50%}}@media only screen and (max-width:600px){.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-five-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-four-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-three-columns article,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns .qodef-cd-grid-sizer,.qodef-cd-demos-list.qodef-cd-demos-masonry.qodef-cd-demos-two-columns article{width:100%}}.az-homepage,
.az-homepage .az-feature-card,
.az-homepage .az-note-box,
.az-homepage .az-tile,
.az-homepage .az-btn {
border-radius: 0;
}
.az-homepage h1,
.az-homepage h2,
.az-homepage h3 {
font-family: "Bodoni Moda", Georgia, serif !important;
font-weight: inherit;
color: inherit;
}
.az-homepage p,
.az-homepage a,
.az-homepage span,
.az-homepage strong {
font-family: var(--wp--preset--font-family--body, inherit);
}
.az-homepage a {
text-decoration-color: currentColor;
}
.az-homepage .az-btn,
.az-homepage .az-feature-card,
.az-homepage .az-tile {
box-shadow: none;
}
.az-homepage .az-btn:focus-visible,
.az-homepage .az-feature-card:focus-visible,
.az-homepage .az-tile:focus-visible,
.az-homepage a:focus-visible {
outline-width: 2px;
outline-style: solid;
}
.az-homepage .az-block:last-child {
border-bottom: none;
} .az-has-visual-shortcode .content > .content_inner > .container > .container_inner,
.az-has-visual-shortcode .content > .content_inner > .full_width > .full_width_inner,
.az-has-visual-shortcode .container_inner.default_template_holder.clearfix {
border: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
.az-has-visual-shortcode,
.az-has-visual-shortcode .wrapper,
.az-has-visual-shortcode .wrapper_inner,
.az-has-visual-shortcode .content,
.az-has-visual-shortcode .content > .content_inner,
.az-has-visual-shortcode .content > .content_inner > .full_width,
.az-has-visual-shortcode .content > .content_inner > .container,
.az-has-visual-shortcode .content > .content_inner > .full_width > .full_width_inner,
.az-has-visual-shortcode .content > .content_inner > .container > .container_inner {
background: var(--az-bg-page, #ffffff) !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
.az-has-visual-shortcode .content > .content_inner > .full_width > .full_width_inner,
.az-has-visual-shortcode .content > .content_inner > .container > .container_inner {
width: min(100%, var(--az-max-width, 1220px)) !important;
max-width: var(--az-max-width, 1220px) !important;
margin: 0 auto !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.az-has-visual-shortcode .content > .content_inner {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: none !important;
}
.az-shortcode-render {
display: flow-root;
width: 100%;
padding-bottom: 60px;
}
.az-shortcode-render > *:first-child {
margin-top: 0 !important;
}
.az-shortcode-render > *:last-child {
margin-bottom: 0 !important;
}
.az-shortcode-render h1,
.az-shortcode-render h2,
.az-shortcode-render h3,
.az-shortcode-render h4,
.az-shortcode-render h5,
.az-shortcode-render h6,
.az-shortcode-render p,
.az-shortcode-render li,
.az-shortcode-render blockquote,
.az-shortcode-render cite {
font-size: inherit;
line-height: inherit;
color: inherit;
margin-top: 0;
}
.az-shortcode-render p,
.az-shortcode-render li,
.az-shortcode-render blockquote,
.az-shortcode-render cite {
margin-bottom: 0;
}
.az-shortcode-render ul,
.az-shortcode-render ol {
margin: 0;
}
@media (max-width: 699px) {
.az-has-visual-shortcode .content > .content_inner > .full_width > .full_width_inner,
.az-has-visual-shortcode .content > .content_inner > .container > .container_inner {
width: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.az-shortcode-render table,
.az-shortcode-render tr,
.az-shortcode-render td,
.az-shortcode-render th {
background: transparent;
} .page-template-blog-masonry.page-id-665 .title_outer {
display: none !important;
}
.page-template-blog-masonry.page-id-665 .content > .content_inner > .container > .container_inner,
.page-template-blog-masonry.page-id-665 .content > .content_inner > .full_width > .full_width_inner {
padding-top: 0 !important;
}
.page-template-blog-masonry.page-id-665 .container_inner.default_template_holder.clearfix {
margin-bottom: 3rem;
}
.page-template-blog-masonry.page-id-665 .container_inner.default_template_holder.clearfix > p:empty {
display: none !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .blog_holder_grid_sizer,
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .blog_holder_grid_gutter {
display: none !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry article {
position: static !important;
top: auto !important;
left: auto !important;
width: 100% !important;
margin: 0 !important;
background: var(--az-bg-card) !important;
border: 1px solid var(--az-border) !important;
padding: 0 !important;
min-height: 0 !important;
transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry article::before {
content: "";
display: block;
width: 100%;
height: 3px;
background: var(--az-gold);
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry article:nth-of-type(even)::before {
background: var(--az-accent);
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry article:hover {
transform: translateY(-2px) !important;
border-color: var(--az-border-strong) !important;
box-shadow: 0 8px 20px var(--az-border-soft) !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_text,
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_text_inner {
height: auto !important;
min-height: 0 !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_text {
padding: 0 !important;
background: transparent !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_text_inner {
padding: 14px 16px 15px !important;
text-align: left !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_info,
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_date,
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .separator.small.center,
.page-template-blog-masonry.page-id-665 .blog_holder.masonry span.time.entry_date.updated {
display: none !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_title {
margin: 0 0 10px !important;
padding: 0 !important;
font-family: "Bodoni Moda", Georgia, serif !important;
font-size: 1.3rem !important;
font-weight: 400 !important;
line-height: 1.18 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_title a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
color: var(--az-text-primary) !important;
text-decoration-line: underline !important;
text-decoration-color: currentColor !important;
text-decoration-thickness: 0.06em !important;
text-underline-offset: 0.12em !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_title a:hover {
text-decoration-thickness: 0.09em !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_title a:focus-visible {
outline: 2px solid var(--az-focus) !important;
outline-offset: 3px !important;
text-decoration-thickness: 0.09em !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry article:focus-within {
border-color: var(--az-accent) !important;
box-shadow: 0 0 0 2px rgba(199, 54, 47, 0.12) !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_excerpt {
margin: 0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 0.94rem !important;
line-height: 1.64 !important;
color: var(--az-text-soft) !important;
overflow-wrap: break-word !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 5 !important;
overflow: hidden !important;
}
.page-template-blog-masonry.page-id-665 .pagination {
margin-top: 1.5rem !important;
}
.page-template-blog-masonry.page-id-665 .pagination ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.5rem !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.page-template-blog-masonry.page-id-665 .pagination ul li {
margin: 0 !important;
}
.page-template-blog-masonry.page-id-665 .pagination ul li a,
.page-template-blog-masonry.page-id-665 .pagination ul li span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px !important;
min-height: 40px !important;
padding: 0 0.85rem !important;
border: 1px solid var(--az-border) !important;
background: var(--az-bg-page) !important;
text-decoration: none !important;
box-shadow: none !important;
}
.page-template-blog-masonry.page-id-665 .pagination ul li.active span {
border-color: var(--az-accent) !important;
box-shadow: inset 0 -2px 0 var(--az-accent) !important;
color: var(--az-text-primary) !important;
}
.page-template-blog-masonry.page-id-665 .pagination ul li a:focus-visible {
outline: 2px solid var(--az-focus) !important;
outline-offset: 3px !important;
} .wpforms-container.wpforms-render-modern {
--wpforms-field-background-color: #ffffff !important;
--wpforms-field-border-color: #707070 !important;
--wpforms-field-border-color-spare: #707070 !important;
--wpforms-field-text-color: #1f1f1f !important;
--wpforms-label-color: #1f1f1f !important;
--wpforms-label-sublabel-color: #4a4a4a !important;
--wpforms-label-error-color: #c7362f !important;
--wpforms-button-border-style: solid !important;
--wpforms-button-background-color: #066aab !important;
--wpforms-button-border-color: #066aab !important;
--wpforms-button-text-color: #ffffff !important;
}
.wpforms-container.wpforms-render-modern :is(input, textarea, select) {
border-color: #707070 !important;
color: #1f1f1f !important;
background: #ffffff !important;
}
.wpforms-container.wpforms-render-modern :is(input, textarea, select):focus-visible {
outline: 2px solid var(--az-focus) !important;
outline-offset: 2px !important;
border-color: #1f1f1f !important;
}
.wpforms-container.wpforms-render-modern .wpforms-submit {
border-width: 1px !important;
border-style: solid !important;
background: #066aab !important;
border-color: #066aab !important;
color: #ffffff !important;
}
.wpforms-container.wpforms-render-modern .wpforms-submit:hover {
background: #05598f !important;
border-color: #05598f !important;
}
.wpforms-container.wpforms-render-modern .wpforms-submit:focus-visible {
outline: 2px solid var(--az-focus) !important;
outline-offset: 3px !important;
}
.wpforms-container.wpforms-render-modern .wpforms-submit[disabled],
.wpforms-container.wpforms-render-modern .wpforms-submit:disabled {
background: #f1f1f1 !important;
border-color: #767676 !important;
color: #4a4a4a !important;
opacity: 1 !important;
}
@media (max-width: 680px) {
.page-template-blog-masonry.page-id-665 .container_inner.default_template_holder.clearfix {
margin-bottom: 2.25rem !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry {
grid-template-columns: 1fr !important;
gap: 1.5rem !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_text_inner {
padding: 13px 14px 14px !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .entry_title {
font-size: 1.12rem !important;
line-height: 1.2 !important;
}
.page-template-blog-masonry.page-id-665 .blog_holder.masonry .post_excerpt {
font-size: 0.93rem !important;
line-height: 1.64 !important;
-webkit-line-clamp: 4 !important;
}
} .single-post .content,
.single-post .content_inner,
.single-post .container,
.single-post .container_inner {
height: auto !important;
min-height: 0 !important;
}
.single-post .content {
padding-bottom: 64px !important;
}
.single-post .content .container_inner:after,
.single-post .content .container:after,
.single-post .post_content_holder:after,
.single-post article.post:after {
content: "";
display: table;
clear: both;
}
.single-post footer,
.single-post .footer_inner,
.single-post .footer_top_holder,
.single-post .footer_bottom_holder {
clear: both !important;
position: relative !important;
z-index: 1 !important;
} .single-post.category-field-note .related_posts_holder h4,
.single-post.category-field-note .related_posts_holder h5,
.single-post.category-field-note .related_posts_holder .entry_title,
.single-post.category-field-note .related_posts_holder .related_post_title {
font-family: "Bodoni Moda", Georgia, serif !important;
font-size: 0.92rem !important;
line-height: 1.18 !important;
letter-spacing: 0.01em !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: pretty;
}
.single-post.category-field-note .related_posts_holder h4 a,
.single-post.category-field-note .related_posts_holder h5 a,
.single-post.category-field-note .related_posts_holder .entry_title a,
.single-post.category-field-note .related_posts_holder .related_post_title a {
display: block !important;
text-decoration: none !important;
color: inherit !important;
}
.single-post.category-field-note .related_posts_holder .post_text,
.single-post.category-field-note .related_posts_holder .post_text_inner {
height: auto !important;
}
.single-post.category-field-note .related_posts_holder .post_excerpt,
.single-post.category-field-note .related_posts_holder p {
font-size: 0.98rem !important;
line-height: 1.55 !important;
} .single-portfolio_page .content > .content_inner > .container > .container_inner,
.single-portfolio_page .content > .content_inner > .full_width > .full_width_inner {
padding-top: 0 !important;
}
.single-portfolio_page .content {
padding-bottom: 2rem !important;
}
.single-portfolio_page .title_outer {
border-bottom: 1px solid rgba(0,0,0,0.08);
margin-bottom: 2.2rem;
}
.single-portfolio_page .title.title_size_large {
height: auto !important;
min-height: 0 !important;
padding: 2rem 0 1.2rem !important;
background: #fff !important;
}
.single-portfolio_page .title_holder {
position: relative !important;
height: auto !important;
}
.single-portfolio_page .title_subtitle_holder h1 {
margin: 0 !important;
font-family: "Bodoni Moda", Georgia, serif !important;
font-size: clamp(1.9rem, 3vw, 2.7rem) !important;
line-height: 1.08 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.single-portfolio_page .default_template_holder,
.single-portfolio_page .portfolio_single {
max-width: 980px;
margin: 0 auto;
}
.single-portfolio_page .portfolio_single .wpb-content-wrapper {
padding-bottom: 1.5rem;
}
.single-portfolio_page .wpb_text_column .wpb_wrapper {
max-width: 760px;
}
.single-portfolio_page .vc_col-sm-6 .wpb_text_column .wpb_wrapper {
max-width: none;
}
.single-portfolio_page .wpb_text_column h2,
.single-portfolio_page .wpb_text_column h3,
.single-portfolio_page .wpb_text_column h4 {
font-family: "Bodoni Moda", Georgia, serif !important;
font-weight: 400 !important;
color: #1f1f1f !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
}
.single-portfolio_page .wpb_text_column h2 {
margin: 0 0 1rem !important;
font-size: clamp(1.55rem, 2.2vw, 2rem) !important;
line-height: 1.14 !important;
}
.single-portfolio_page .wpb_text_column h3 {
margin: 2rem 0 0.8rem !important;
font-size: 1.28rem !important;
line-height: 1.18 !important;
}
.single-portfolio_page .wpb_text_column p,
.single-portfolio_page .wpb_text_column li {
font-family: "Inter", Arial, sans-serif !important;
font-size: 1rem !important;
line-height: 1.72 !important;
color: rgba(0,0,0,0.78) !important;
}
.single-portfolio_page .wpb_text_column p {
margin: 0 0 1rem !important;
}
.single-portfolio_page .wpb_text_column ul {
margin: 0.35rem 0 1.1rem 1.15rem !important;
padding: 0 !important;
}
.single-portfolio_page .wpb_text_column li {
margin: 0 0 0.45rem !important;
}
.single-portfolio_page .wpb_text_column strong {
color: #1f1f1f !important;
font-weight: 600 !important;
}
.single-portfolio_page .wpb_text_column hr {
margin: 1.6rem 0 !important;
border: 0 !important;
border-top: 1px solid rgba(0,0,0,0.08) !important;
}
.single-portfolio_page .vc_custom_1766145041797,
.single-portfolio_page .vc_custom_1766143531598,
.single-portfolio_page .vc_custom_1766143542562,
.single-portfolio_page .vc_custom_1766143676805 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.single-portfolio_page .grid_section .section_inner_margin {
padding-bottom: 2rem !important;
}
.single-portfolio_page .grid_section + .grid_section {
border-top: 1px solid rgba(0,0,0,0.06);
padding-top: 1.8rem;
}
.single-portfolio_page .vc_col-sm-6 {
margin-top: 0.4rem;
} .single-portfolio_page .portfolio_navigation.navigation_title {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
align-items: center !important;
gap: 1rem !important;
margin: 2rem 0 1.6rem !important;
padding-top: 0.9rem !important;
border-top: 1px solid rgba(0,0,0,0.08) !important;
}
.single-portfolio_page .portfolio_navigation.navigation_title:before,
.single-portfolio_page .portfolio_navigation.navigation_title:after,
.single-portfolio_page .portfolio_navigation .portfolio_prev:before,
.single-portfolio_page .portfolio_navigation .portfolio_prev:after,
.single-portfolio_page .portfolio_navigation .portfolio_next:before,
.single-portfolio_page .portfolio_navigation .portfolio_next:after,
.single-portfolio_page .portfolio_navigation a:before,
.single-portfolio_page .portfolio_navigation a:after {
display: none !important;
content: none !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev,
.single-portfolio_page .portfolio_navigation .portfolio_next {
width: auto !important;
float: none !important;
margin: 0 !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev {
text-align: left !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_next {
text-align: right !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev a,
.single-portfolio_page .portfolio_navigation .portfolio_next a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
line-height: 1 !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev i,
.single-portfolio_page .portfolio_navigation .portfolio_next i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1 !important;
color: rgba(0,0,0,0.72) !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev a:hover i,
.single-portfolio_page .portfolio_navigation .portfolio_next a:hover i {
color: #000 !important;
} .single-portfolio_page .portfolio_navigation .post_info,
.single-portfolio_page .portfolio_navigation .categories,
.single-portfolio_page .portfolio_navigation .h5,
.single-portfolio_page .portfolio_navigation span:not(.fa):not([class*="icon"]) {
display: none !important;
}
@media (max-width: 680px) {
.single-portfolio_page .portfolio_navigation.navigation_title {
grid-template-columns: 1fr 1fr !important;
gap: 0.5rem !important;
margin: 1.4rem 0 1.2rem !important;
padding-top: 0.75rem !important;
}
.single-portfolio_page .portfolio_navigation .portfolio_prev a,
.single-portfolio_page .portfolio_navigation .portfolio_next a,
.single-portfolio_page .portfolio_navigation .portfolio_prev i,
.single-portfolio_page .portfolio_navigation .portfolio_next i {
width: 24px !important;
height: 24px !important;
font-size: 15px !important;
}
} .single-portfolio_page .qode_portfolio_related > h4 {
font-family: "Bodoni Moda", Georgia, serif !important;
font-size: 1.45rem !important;
line-height: 1.16 !important;
font-weight: 400 !important;
margin-bottom: 1.2rem !important;
}
.single-portfolio_page .qode_portfolio_related .projects_holder.v4.standard,
.single-portfolio_page .projects_holder.v4.standard {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem !important;
}
.single-portfolio_page .qode_portfolio_related .projects_holder.v4.standard .filler,
.single-portfolio_page .projects_holder.v4.standard .filler {
display: none !important;
}
.single-portfolio_page .qode_portfolio_related article.mix,
.single-portfolio_page .projects_holder.v4.standard article.mix {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
@media (max-width: 900px) {
.single-portfolio_page .qode_portfolio_related .projects_holder.v4.standard,
.single-portfolio_page .projects_holder.v4.standard {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
.single-portfolio_page .title.title_size_large {
padding: 1.5rem 0 1rem !important;
}
.single-portfolio_page .default_template_holder,
.single-portfolio_page .portfolio_single {
max-width: 100%;
}
.single-portfolio_page .wpb_text_column .wpb_wrapper {
max-width: 100%;
}
.single-portfolio_page .wpb_text_column p,
.single-portfolio_page .wpb_text_column li {
font-size: 0.97rem !important;
line-height: 1.66 !important;
}
}
@media (max-width: 680px) {
.single-portfolio_page .qode_portfolio_related > h4 {
font-size: 1.25rem !important;
}
} .content .wpb_text_column .wpb_wrapper p,
.content .post_text_inner p,
.content article .post_content p,
.content .portfolio_detail p,
.content .portfolio_single p,
.content .container_inner p {
margin: 0 0 1.05em;
}
.content .wpb_text_column .wpb_wrapper p:last-child,
.content .post_text_inner p:last-child,
.content article .post_content p:last-child,
.content .portfolio_detail p:last-child,
.content .portfolio_single p:last-child,
.content .container_inner p:last-child {
margin-bottom: 0;
}
.content .wpb_text_column .wpb_wrapper h1,
.content .wpb_text_column .wpb_wrapper h2,
.content .wpb_text_column .wpb_wrapper h3,
.content .wpb_text_column .wpb_wrapper h4,
.content .wpb_text_column .wpb_wrapper h5,
.content .wpb_text_column .wpb_wrapper h6,
.content article .post_content h1,
.content article .post_content h2,
.content article .post_content h3,
.content article .post_content h4,
.content article .post_content h5,
.content article .post_content h6,
.content .portfolio_single h1,
.content .portfolio_single h2,
.content .portfolio_single h3,
.content .portfolio_single h4,
.content .portfolio_single h5,
.content .portfolio_single h6 {
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.content .wpb_text_column .wpb_wrapper h1:first-child,
.content .wpb_text_column .wpb_wrapper h2:first-child,
.content .wpb_text_column .wpb_wrapper h3:first-child,
.content .wpb_text_column .wpb_wrapper h4:first-child,
.content .wpb_text_column .wpb_wrapper h5:first-child,
.content .wpb_text_column .wpb_wrapper h6:first-child,
.content article .post_content h1:first-child,
.content article .post_content h2:first-child,
.content article .post_content h3:first-child,
.content article .post_content h4:first-child,
.content article .post_content h5:first-child,
.content article .post_content h6:first-child,
.content .portfolio_single h1:first-child,
.content .portfolio_single h2:first-child,
.content .portfolio_single h3:first-child,
.content .portfolio_single h4:first-child,
.content .portfolio_single h5:first-child,
.content .portfolio_single h6:first-child {
margin-top: 0;
} body,
p,
li {
font-family: "Inter", Arial, sans-serif;
}
.content .container_inner p,
.content .container_inner li,
.wpb_text_column p,
.wpb_text_column li {
font-size: 1rem !important;
line-height: 1.72 !important;
color: rgba(0,0,0,0.78) !important;
} .content .container_inner p,
.wpb_text_column p {
margin: 0 0 1rem !important;
} .single-post .blog_single .post_text > .post_text_inner > .post_info {
display: none !important;
}
.single-post .blog_single .post_text > .post_text_inner > .entry_title {
margin-bottom: 18px !important;
}:root { --az-font-heading: inherit;
--az-font-body: inherit;
--az-text-primary: #1f1f1f;
--az-text-strong: #000000;
--az-text-soft: rgba(0,0,0,0.62);
--az-bg-page: #ffffff;
--az-bg-section: #fbfbfb;
--az-bg-card: #f6f6f6;
--az-accent: #c7362f;
--az-accent-bg: rgba(199,54,47,0.08);
--az-gold: #f0b400;
--az-gold-dark: #b88700;
--az-border-soft: rgba(0,0,0,0.06);
--az-border: #8a8a8a;
--az-border-strong: #707070;
--az-icon: rgba(0,0,0,0.55);
--az-focus: rgba(0,0,0,0.55);
--az-overlay: rgba(0,0,0,0.72);
--az-overlay-strong: rgba(0,0,0,0.80); --az-color-text: var(--az-text-primary);
--az-color-text-soft: var(--az-text-soft);
--az-color-heading: var(--az-text-primary);
--az-color-border: var(--az-border);
--az-color-border-strong: var(--az-border-strong);
--az-color-surface: var(--az-bg-card);
--az-color-surface-soft: var(--az-bg-section);
--az-color-accent: var(--az-accent);
--az-color-accent-alt: var(--az-gold);
--az-focus-ring: 2px solid var(--az-focus);
--az-space-xs: 0.6rem;
--az-space-sm: 1rem;
--az-space-md: 1.5rem;
--az-space-lg: 2rem;
--az-space-xl: clamp(2rem, 4vw, 3rem);
--az-max-width: 1220px;
} .az-t-body {
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
font-weight: 400;
color: var(--az-text-primary);
}
.az-t-lead {
font-family: inherit;
font-size: 1.05rem;
line-height: 1.8;
font-weight: 400;
color: var(--az-text-primary);
}
.az-t-soft {
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
font-weight: 400;
color: var(--az-text-soft);
}
.az-t-small {
font-family: inherit;
font-size: 0.94rem;
line-height: 1.64;
font-weight: 400;
color: var(--az-text-primary);
}
.az-t-meta {
font-family: inherit;
font-size: 0.72rem;
line-height: 1.3;
font-weight: 400;
color: var(--az-text-soft);
letter-spacing: 0.1em;
text-transform: uppercase;
}
.az-t-label {
font-family: inherit;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.az-t-caption {
font-family: inherit;
font-size: 0.82rem;
line-height: 1.5;
font-weight: 400;
color: var(--az-text-soft);
}
.az-h-serif {
font-family: inherit;
font-weight: 400;
}
.az-c-accent {
color: var(--az-accent);
}
.az-c-gold { color: var(--az-gold-dark);
}
.az-c-muted {
color: var(--az-text-soft);
}
.az-border {
border: 1px solid var(--az-border);
}
.az-border-top {
border-top: 1px solid var(--az-border);
}
.az-border-bottom {
border-bottom: 1px solid var(--az-border);
}
.az-focus-ring:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.az-transition {
transition: 160ms ease;
}
.az-design-system-page,
.az-homepage,
.az-portfolio-page,
.az-series,
[data-fw-shell],
[data-mot-shell],
[data-sdd-shell] {
color: var(--az-color-text);
}
.az-design-system-page *,
.az-homepage *,
.az-portfolio-page *,
.az-series *,
[data-fw-shell] *,
[data-mot-shell] *,
[data-sdd-shell] * {
box-sizing: border-box;
}
.az-design-system-page h1,
.az-homepage h1,
.az-portfolio-page h1,
.az-series h1,
[data-fw-shell] h1,
[data-mot-shell] h1,
[data-sdd-shell] h1,
[data-az-component-id="AZ-ORG-ABT-01"] h1,
[data-az-component-id="AZ-ORG-LAW-01"] h1 {
color: var(--az-color-heading);
font-weight: 400;
letter-spacing: 0.01em;
text-transform: none;
}
.az-design-system-page h2,
.az-homepage h2,
.az-portfolio-page h2,
.az-series h2,
[data-fw-shell] h2,
[data-mot-shell] h2,
[data-sdd-shell] h2,
[data-az-component-id="AZ-ORG-ABT-01"] h2,
[data-az-component-id="AZ-ORG-LAW-01"] h2 {
color: var(--az-color-heading);
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.1;
text-transform: none;
}
.az-design-system-page h3,
.az-homepage h3,
.az-portfolio-page h3,
.az-series h3,
[data-fw-shell] h3,
[data-mot-shell] h3,
[data-sdd-shell] h3,
[data-az-component-id="AZ-ORG-ABT-01"] h3,
[data-az-component-id="AZ-ORG-LAW-01"] h3 {
color: var(--az-color-heading);
font-size: 1.15rem;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.18;
text-transform: none;
}
.az-design-system-page h4,
.az-series h4,
[data-az-component-id="AZ-ORG-ABT-01"] h4 {
color: var(--az-color-heading);
font-size: 0.98rem;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.2;
text-transform: none;
}
.az-design-system-page p,
.az-design-system-page li,
.az-design-system-page a,
.az-design-system-page button,
.az-homepage p,
.az-homepage a,
.az-homepage span,
.az-homepage strong,
.az-portfolio-page p,
.az-portfolio-page a,
.az-portfolio-page span,
.az-series p,
.az-series li,
.az-series button,
.az-series span,
[data-fw-shell] p,
[data-fw-shell] li,
[data-fw-shell] button,
[data-fw-shell] span,
[data-mot-shell] p,
[data-mot-shell] li,
[data-mot-shell] button,
[data-mot-shell] span,
[data-sdd-shell] p,
[data-sdd-shell] li,
[data-sdd-shell] button,
[data-sdd-shell] span {
font-family: inherit;
}
.az-design-system-page a,
.az-homepage a,
.az-portfolio-page a,
.az-series a,
[data-fw-shell] a,
[data-mot-shell] a,
[data-sdd-shell] a {
color: inherit;
text-decoration-color: currentColor;
}
.az-design-system-page a:focus-visible,
.az-design-system-page button:focus-visible,
.az-homepage a:focus-visible,
.az-homepage button:focus-visible,
.az-portfolio-page a:focus-visible,
.az-portfolio-page button:focus-visible,
.az-series a:focus-visible,
.az-series button:focus-visible,
[data-fw-shell] a:focus-visible,
[data-fw-shell] button:focus-visible,
[data-mot-shell] a:focus-visible,
[data-mot-shell] button:focus-visible,
[data-sdd-shell] a:focus-visible,
[data-sdd-shell] button:focus-visible {
outline: var(--az-focus-ring);
outline-offset: 3px;
}
.az-kicker,
.az-series__eyebrow,
.fw-eyebrow,
.az-mot__eyebrow,
.sdd-index-step,
.sdd-panel-meta {
font-family: inherit;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.az-btn,
.az-series__pager,
.az-series__tab,
.fw-index-item,
.az-mot__index-item,
.sdd-index-item {
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
.az-card,
.az-feature-card,
.az-note-box,
.az-tile {
border-radius: 0;
box-shadow: none;
}
.az-card,
.az-note-box,
.az-feature-card,
.az-tile,
.fw-content-card,
.az-mot__card,
.sdd-card {
border: 1px solid var(--az-color-border);
background: var(--az-color-surface-soft);
}
.az-block,
.az-series__header,
.fw-header,
.az-mot__header,
.sdd-panel-header {
border-bottom-color: var(--az-color-border);
}
.fw-index-item:hover,
.fw-index-item[aria-current="true"],
.az-mot__index-item:hover,
.az-mot__index-item[aria-current="true"],
.sdd-index-item:hover,
.sdd-index-item[aria-current="true"],
.az-series__tab:hover,
.az-series__tab[aria-selected="true"] {
background: var(--az-color-surface-soft);
}
.fw-index-item::before,
.az-mot__index-item::before,
.sdd-index-item::before {
background: var(--az-color-accent);
}
.az-mot__index-item:nth-child(odd)::before,
.sdd-index-item:nth-child(even)::before {
background: var(--az-color-accent-alt);
}
.az-design-system-page {
width: min(100%, var(--az-max-width));
margin: 0 auto;
padding: var(--az-space-lg) 1rem var(--az-space-xl);
}
.az-ds-section {
padding: var(--az-space-lg) 0;
border-bottom: 1px solid var(--az-color-border);
}
.az-ds-section:last-child {
border-bottom: 0;
}
.az-ds-eyebrow {
display: inline-block;
margin-bottom: 0.5rem;
font-family: inherit;
font-size: 0.74rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.az-ds-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.az-ds-card {
grid-column: span 12;
padding: 1rem;
border: 1px solid var(--az-color-border);
background: var(--az-bg-page);
}
.az-ds-card h3 {
margin: 0 0 0.4rem;
font-size: 1.15rem;
}
.az-ds-card p,
.az-ds-card li {
margin: 0;
line-height: 1.7;
color: var(--az-color-text-soft);
}
.az-ds-meta {
margin-top: 0.75rem;
font-size: 0.82rem;
color: var(--az-color-text-soft);
}
.az-case-study {
width: min(100%, var(--az-max-width));
margin: 0 auto;
padding: clamp(0.5rem, 1.6vw, 1.15rem) 1rem var(--az-space-xl);
color: var(--az-text-primary);
}
.az-case-study,
.az-case-study * {
box-sizing: border-box;
}
.az-case-study__hero {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.9fr);
gap: clamp(1.25rem, 3vw, 2.5rem);
align-items: start;
margin-bottom: clamp(2rem, 4vw, 3.2rem);
padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
border-bottom: 1px solid var(--az-border);
}
.az-case-study__hero-main {
position: relative;
padding-right: 1rem;
}
.az-case-study__kicker,
.az-case-study__label,
.az-case-study__caption-label {
font-family: inherit;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-case-study__kicker {
position: relative;
display: inline-block;
margin: 0 0 0.75rem;
padding-left: 0.9rem;
}
.az-case-study__kicker::before {
content: "";
position: absolute;
left: 0;
top: 0.45em;
width: 0.42rem;
height: 0.42rem;
background: var(--az-gold);
}
.az-case-study__title {
margin: 0 0 0.8rem;
max-width: 15ch;
font-size: clamp(2rem, 4.4vw, 4.1rem);
line-height: 0.98;
letter-spacing: 0.01em;
color: var(--az-text-primary);
text-wrap: pretty;
overflow-wrap: anywhere;
hyphens: auto;
}
.az-case-study__subtitle {
margin: 0 0 1rem;
max-width: 34rem;
font-family: inherit;
font-size: clamp(1rem, 1.55vw, 1.2rem);
line-height: 1.45;
color: var(--az-text-soft);
}
.az-case-study__lede {
max-width: 46rem;
}
.az-case-study__lede p {
margin: 0;
font-family: inherit;
font-size: 1.02rem;
line-height: 1.78;
color: var(--az-text-soft);
}
.az-case-study__lede p + p {
margin-top: 1rem;
}
.az-case-study__meta {
position: relative;
margin-top: clamp(0.35rem, 1vw, 0.75rem);
padding: 1rem 0.95rem 0.95rem 1rem;
background: rgba(251, 247, 239, 0.82);
border: 1px solid rgba(45, 41, 35, 0.12);
}
.az-case-study__meta-plane {
position: absolute;
inset: auto -0.45rem -0.45rem 1rem;
z-index: -1;
background: rgba(214, 197, 162, 0.18);
border: 1px solid rgba(176, 122, 47, 0.08);
}
.az-case-study__fact-list {
display: grid;
grid-template-columns: 1fr;
gap: 0.85rem;
margin: 0;
}
.az-case-study__fact {
display: grid;
grid-template-columns: minmax(5.5rem, 7rem) 1fr;
gap: 0.7rem;
align-items: start;
padding-top: 0.7rem;
border-top: 1px solid rgba(45, 41, 35, 0.1);
}
.az-case-study__fact:first-child {
padding-top: 0;
border-top: 0;
}
.az-case-study__fact dt {
margin: 0;
font-family: inherit;
font-size: 0.7rem;
line-height: 1.3;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-case-study__fact dd {
margin: 0;
font-family: inherit;
font-size: 0.94rem;
line-height: 1.5;
color: var(--az-text-primary);
}
.az-case-study__section {
position: relative;
display: grid;
grid-template-columns: 0.8rem minmax(0, 1fr);
gap: 1rem;
padding: clamp(1.75rem, 3vw, 2.5rem) 0;
border-top: 1px solid var(--az-border);
}
.az-case-study__section:first-of-type {
border-top: 0;
}
.az-case-study__section-mark {
position: relative;
width: 0.8rem;
min-height: 100%;
}
.az-case-study__section-mark::before {
content: "";
position: absolute;
top: 0.1rem;
left: 0.15rem;
width: 2px;
height: calc(100% - 0.1rem);
background: rgba(45, 41, 35, 0.14);
}
.az-case-study__section-mark::after {
content: "";
position: absolute;
top: 0.1rem;
left: 0;
width: 0.34rem;
height: 0.34rem;
background: var(--az-gold);
}
.az-case-study__section-inner {
max-width: 52rem;
}
.az-case-study__label {
position: relative;
display: inline-block;
margin: 0 0 0.55rem;
font-family: inherit;
font-size: 0.7rem;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-case-study__section h2 {
margin: 0 0 0.9rem;
max-width: 18ch;
font-size: clamp(1.7rem, 2.6vw, 2.4rem);
line-height: 1.05;
color: var(--az-text-primary);
text-wrap: balance;
}
.az-case-study__body > * + * {
margin-top: 1rem;
}
.az-case-study__body p,
.az-case-study__body li,
.az-case-study__related-card p {
font-family: inherit;
font-size: 1rem;
line-height: 1.78;
color: var(--az-text-primary);
}
.az-case-study__body ul,
.az-case-study__body ol {
margin: 0;
padding-left: 1.2rem;
}
.az-case-study__section--dense .az-case-study__body > * + * {
margin-top: 0.75rem;
}
.az-case-study__figure {
position: relative;
margin: clamp(2rem, 4vw, 3.2rem) 0;
}
.az-case-study__figure:has(+ .az-case-study__figure),
.az-case-study__figure + .az-case-study__figure {
display: inline-block;
width: calc(50% - 0.8rem);
vertical-align: top;
}
.az-case-study__figure:has(+ .az-case-study__figure) {
margin-right: 1.6rem;
}
.az-case-study__figure:has(+ .az-case-study__figure + .az-case-study__figure),
.az-case-study__figure + .az-case-study__figure:has(+ .az-case-study__figure),
.az-case-study__figure + .az-case-study__figure + .az-case-study__figure {
width: calc((100% - 2rem) / 3);
}
.az-case-study__figure:has(+ .az-case-study__figure + .az-case-study__figure),
.az-case-study__figure + .az-case-study__figure:has(+ .az-case-study__figure) {
margin-right: 1rem;
}
.az-case-study__figure + .az-case-study__figure:has(+ .az-case-study__figure) {
margin-left: 0;
}
.az-case-study__video {
position: relative;
margin: clamp(2rem, 4vw, 3.2rem) 0;
}
.az-case-study__figure-plane {
position: absolute;
inset: 1.2rem auto -1rem 1.5rem;
width: min(32%, 18rem);
background: rgba(234, 226, 210, 0.9);
border: 1px solid rgba(45, 41, 35, 0.08);
z-index: 0;
}
.az-case-study__figure img {
position: relative;
z-index: 1;
display: block;
width: 100%;
max-height: 800px;
height: auto;
margin: 0 auto;
object-fit: contain;
border: 1px solid var(--az-border);
background: #fff;
}
.az-case-study__video-frame {
position: relative;
z-index: 1;
aspect-ratio: 16 / 9;
border: 1px solid var(--az-border);
background: #000;
}
.az-case-study__video-frame iframe,
.az-case-study__video-frame video,
.az-case-study__video-frame object,
.az-case-study__video-frame embed {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.az-case-study__figure figcaption,
.az-case-study__video figcaption {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 5.5rem minmax(0, 1fr);
gap: 0.9rem;
margin-top: 0.9rem;
padding-top: 0.85rem;
border-top: 1px solid var(--az-border);
}
.az-case-study__caption-text {
font-family: inherit;
font-size: 0.94rem;
line-height: 1.65;
color: var(--az-text-soft);
}
.az-case-study__related {
margin-top: clamp(2.5rem, 5vw, 4rem);
padding-top: 1.5rem;
border-top: 1px solid var(--az-border);
}
.az-case-study__related-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.az-case-study__related-card {
position: relative;
display: block;
padding: 1rem 1rem 1.1rem;
border: 1px solid var(--az-border);
text-decoration: none;
background: rgba(255, 255, 255, 0.94);
}
.az-case-study__related-card::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: var(--az-gold);
}
.az-case-study__related-card h3 {
margin: 0.25rem 0 0.55rem;
font-size: 1.15rem;
line-height: 1.14;
color: var(--az-text-primary);
}
.az-case-study__related-card:hover,
.az-case-study__related-card:focus-visible {
background: var(--az-bg-section);
}
.az-ds-doc {
width: min(100%, var(--az-max-width));
margin: 0 auto;
padding: var(--az-space-lg) 1rem var(--az-space-xl);
color: var(--az-text-primary);
}
.az-ds-doc,
.az-ds-doc * {
box-sizing: border-box;
}
.az-ds-doc__header {
max-width: 62rem;
margin-bottom: 1.5rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid var(--az-border);
}
.az-ds-doc__eyebrow,
.az-ds-doc__label {
position: relative;
display: inline-block;
margin: 0 0 0.55rem;
padding-left: 0.8rem;
font-family: inherit;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-ds-doc__eyebrow::before,
.az-ds-doc__label::before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: var(--az-gold);
}
.az-ds-doc__header h1,
.az-ds-doc__section h2,
.az-ds-doc__card h3 {
color: var(--az-text-primary);
font-weight: 400;
letter-spacing: 0.01em;
}
.az-ds-doc__header h1 {
margin: 0 0 1rem;
max-width: 16ch;
text-wrap: balance;
}
.az-ds-doc__intro,
.az-ds-doc__section p,
.az-ds-doc__card p {
font-size: 1rem;
line-height: 1.72;
}
.az-ds-doc__intro {
max-width: 58rem;
color: var(--az-text-soft);
}
.az-ds-doc__local-nav {
display: flex;
flex-wrap: wrap;
gap: 0;
margin-bottom: 2rem;
border-top: 1px solid var(--az-border);
border-bottom: 1px solid var(--az-border);
background: rgba(255, 255, 255, 0.96);
}
.az-ds-doc__local-nav a {
display: inline-flex;
align-items: center;
min-height: 50px;
padding: 0.9rem 1rem;
border-right: 1px solid var(--az-border);
font-family: inherit;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-primary);
text-decoration: none;
transition: background-color 160ms ease, color 160ms ease;
}
.az-ds-doc__local-nav a:hover,
.az-ds-doc__local-nav a[aria-current="page"] {
background: var(--az-bg-section);
}
.az-ds-doc__local-nav a[aria-current="page"] {
box-shadow: inset 3px 0 0 var(--az-accent);
}
.az-ds-doc__local-nav a:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.az-ds-doc__section {
padding: 1.8rem 0;
border-top: 1px solid var(--az-border);
}
.az-ds-doc__section:first-of-type {
border-top: 0;
}
.az-ds-doc__section h2 {
margin: 0 0 0.7rem;
max-width: 18ch;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.az-ds-doc__section p {
max-width: 62rem;
color: var(--az-text-soft);
}
.az-ds-doc__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.az-ds-doc__card {
grid-column: span 12;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
overflow: hidden;
}
.az-ds-doc__card--static {
padding: 1rem 1.05rem 1.15rem;
}
.az-ds-doc__card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
}
.az-ds-doc__card p {
color: var(--az-text-soft);
}
.az-ds-doc__card-link {
display: block;
height: 100%;
padding: 1rem 1.05rem 1.15rem;
color: inherit;
text-decoration: none;
border-top: 3px solid var(--az-gold);
transition: background-color 160ms ease, border-color 160ms ease;
}
.az-ds-doc__card:nth-child(even) .az-ds-doc__card-link {
border-top-color: var(--az-accent);
}
.az-ds-doc__card-link:hover,
.az-ds-doc__card-link:focus-visible {
background: var(--az-bg-section);
}
.az-ds-doc__card-link:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.az-ds-doc__stack > * + * {
margin-top: 0.8rem;
}
.az-ds-doc__list {
margin: 0;
padding-left: 1.1rem;
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
color: var(--az-text-soft);
}
.az-ds-doc__list li + li {
margin-top: 0.4rem;
}
.az-ds-doc__split,
.az-ds-doc__pair,
.az-ds-doc__triad {
display: grid;
gap: 1rem;
}
.az-ds-doc__split,
.az-ds-doc__pair {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.az-ds-doc__split > *,
.az-ds-doc__pair > * {
grid-column: span 12;
}
.az-ds-doc__triad {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.az-ds-doc__triad > * {
grid-column: span 12;
}
.az-ds-doc__panel,
.az-ds-doc__specimen,
.az-ds-doc__table-wrap,
.az-ds-doc__callout,
.az-ds-doc__swatch,
.az-ds-doc__diagram,
.az-ds-doc__frame,
.az-ds-doc__mini-card {
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__panel,
.az-ds-doc__specimen,
.az-ds-doc__callout,
.az-ds-doc__diagram,
.az-ds-doc__frame,
.az-ds-doc__mini-card {
padding: 1rem;
}
.az-ds-doc__callout {
background: var(--az-bg-section);
border-left: 3px solid var(--az-accent);
}
.az-ds-doc__mini-card {
background: var(--az-bg-section);
}
.az-ds-doc__specimen-title,
.az-ds-doc__table-title,
.az-ds-doc__panel h3,
.az-ds-doc__callout h3,
.az-ds-doc__mini-card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
color: var(--az-text-primary);
font-weight: 400;
}
.az-ds-doc__specimen-note,
.az-ds-doc__table-note,
.az-ds-doc__meta {
font-family: inherit;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-soft);
}
.az-ds-doc__swatch-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.az-ds-doc__swatch {
grid-column: span 12;
overflow: hidden;
}
.az-ds-doc__swatch-chip {
height: 88px;
border-bottom: 1px solid var(--az-border);
}
.az-ds-doc__swatch-body {
padding: 0.85rem 0.95rem 0.95rem;
}
.az-ds-doc__swatch-body h3 {
margin: 0 0 0.3rem;
font-size: 1.15rem;
line-height: 1.18;
color: var(--az-text-primary);
font-weight: 400;
}
.az-ds-doc__swatch-code {
display: inline-block;
margin-top: 0.5rem;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-soft);
}
.az-ds-doc__code,
.az-ds-doc__inline-code {
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.82rem;
line-height: 1.5;
}
.az-ds-doc__code {
margin: 0;
padding: 0.9rem 1rem;
border: 1px solid var(--az-border);
background: var(--az-bg-section);
color: var(--az-text-primary);
overflow-x: auto;
white-space: pre-wrap;
}
.az-ds-doc__inline-code {
color: var(--az-text-primary);
}
.az-ds-doc__table {
width: 100%;
border-collapse: collapse;
}
.az-ds-doc__table th,
.az-ds-doc__table td {
padding: 0.8rem 0.9rem;
border-top: 1px solid var(--az-border);
vertical-align: top;
text-align: left;
font-family: inherit;
font-size: 0.94rem;
line-height: 1.64;
}
.az-ds-doc__table th {
color: var(--az-text-primary);
font-weight: 600;
}
.az-ds-doc__table td {
color: var(--az-text-soft);
}
.az-ds-doc__table tr:first-child th,
.az-ds-doc__table tr:first-child td {
border-top: 0;
}
.az-ds-doc__token-row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.az-ds-doc__token-pill,
.az-ds-doc__nav-chip {
display: inline-flex;
align-items: center;
min-height: 2rem;
padding: 0.35rem 0.7rem;
border: 1px solid var(--az-border);
background: var(--az-bg-section);
font-family: inherit;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-primary);
}
.az-ds-doc__token-pill--accent {
border-color: var(--az-accent);
color: var(--az-accent);
}
.az-ds-doc__token-pill--gold {
border-color: var(--az-gold-dark);
background: var(--az-gold);
color: var(--az-text-primary);
}
.az-ds-doc__type-demo h1,
.az-ds-doc__type-demo h2,
.az-ds-doc__type-demo h3,
.az-ds-doc__type-demo h4,
.az-ds-doc__type-demo p {
margin: 0;
}
.az-ds-doc__type-demo > * + * {
margin-top: 0.5rem;
}
.az-ds-doc__example-index,
.az-ds-doc__example-tabs,
.az-ds-doc__example-steps,
.az-ds-doc__example-diagram {
display: grid;
gap: 0.7rem;
}
.az-ds-doc__example-index-item,
.az-ds-doc__example-tab,
.az-ds-doc__example-step,
.az-ds-doc__example-node {
position: relative;
padding: 0.9rem 1rem 0.9rem 1rem;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__example-index-item::before,
.az-ds-doc__example-step::before,
.az-ds-doc__example-node::before {
content: "";
position: absolute;
left: 0;
top: 0.8rem;
bottom: 0.8rem;
width: 3px;
background: var(--az-accent);
}
.az-ds-doc__example-index-item strong,
.az-ds-doc__example-step strong,
.az-ds-doc__example-node strong,
.az-ds-doc__example-tab strong {
display: block;
margin-bottom: 0.25rem;
font-size: 1.15rem;
line-height: 1.18;
color: var(--az-text-primary);
font-weight: 400;
}
.az-ds-doc__example-index-item span,
.az-ds-doc__example-step span,
.az-ds-doc__example-node span,
.az-ds-doc__example-tab span {
display: block;
font-family: inherit;
font-size: 0.94rem;
line-height: 1.64;
color: var(--az-text-soft);
}
.az-ds-doc__example-tabs {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.az-ds-doc__example-tab {
grid-column: span 12;
border-top: 3px solid transparent;
}
.az-ds-doc__example-tab--active {
border-top-color: var(--az-accent);
background: var(--az-bg-section);
}
.az-ds-doc__frame-head {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
align-items: baseline;
margin-bottom: 0.8rem;
}
.az-ds-doc__frame-head h3 {
margin: 0;
}
.az-ds-doc__subtle {
color: var(--az-text-soft);
}
.az-ds-doc__route-list {
display: grid;
gap: 0.75rem;
}
.az-ds-doc__route {
padding: 0.9rem 1rem;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__route strong {
display: block;
margin-bottom: 0.3rem;
color: var(--az-text-primary);
}
.az-ds-doc__route span {
display: block;
color: var(--az-text-soft);
}
.az-ds-doc__register,
.az-ds-doc__id-line {
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-primary);
}
.az-ds-doc__register {
margin: 0 0 0.5rem;
}
.az-ds-doc__id-line {
display: block;
margin-top: 0.45rem;
}
.az-ds-doc__anatomy {
display: grid;
gap: 0;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__anatomy-row {
display: grid;
grid-template-columns: minmax(7.5rem, 11rem) minmax(0, 1fr);
gap: 0.8rem;
padding: 0.7rem 0.85rem;
border-top: 1px solid var(--az-border);
}
.az-ds-doc__anatomy-row:first-child {
border-top: 0;
}
.az-ds-doc__anatomy-key {
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.78rem;
line-height: 1.45;
color: var(--az-text-primary);
}
.az-ds-doc__anatomy-value {
font-family: inherit;
font-size: 0.94rem;
line-height: 1.64;
color: var(--az-text-soft);
}
.az-ds-doc__matrix {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.az-ds-doc__matrix > * {
grid-column: span 12;
}
.az-ds-doc__state-card,
.az-ds-doc__rule-card {
padding: 0.95rem 1rem;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__state-card h3,
.az-ds-doc__rule-card h3 {
margin: 0 0 0.35rem;
font-size: 1.15rem;
line-height: 1.18;
font-weight: 400;
color: var(--az-text-primary);
}
.az-ds-doc__state-card p,
.az-ds-doc__rule-card p {
margin: 0;
}
.az-ds-doc__ratio {
display: inline-flex;
align-items: center;
min-height: 1.75rem;
padding: 0.18rem 0.5rem;
border: 1px solid var(--az-border);
background: var(--az-bg-section);
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.76rem;
line-height: 1.4;
color: var(--az-text-primary);
}
.az-ds-doc__ratio--pass {
border-color: rgba(34, 136, 34, 0.2);
background: rgba(34, 136, 34, 0.08);
color: #1f5f1f;
}
.az-ds-doc__ratio--warn {
border-color: rgba(184, 135, 0, 0.26);
background: rgba(240, 180, 0, 0.12);
color: #805d00;
}
.az-ds-doc__ratio--fail {
border-color: rgba(199, 54, 47, 0.22);
background: rgba(199, 54, 47, 0.08);
color: var(--az-accent);
}
.az-ds-doc__specimen-band {
display: grid;
gap: 0.55rem;
}
.az-ds-doc__specimen-line {
min-height: 2rem;
border-top: 1px solid var(--az-border);
}
.az-ds-doc__specimen-line--strong {
border-top-color: var(--az-border-strong);
}
.az-ds-doc__specimen-line--accent {
border-top: 2px solid var(--az-accent);
}
.az-ds-doc__specimen-line--gold {
border-top: 2px solid var(--az-gold);
}
.az-ds-doc__kbd {
display: inline-flex;
align-items: center;
min-height: 1.8rem;
padding: 0.15rem 0.45rem;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 0.78rem;
line-height: 1.4;
color: var(--az-text-primary);
}
.az-ds-doc__warning {
border-left: 3px solid var(--az-gold-dark);
background: rgba(240, 180, 0, 0.1);
}
.az-ds-doc__warning h3,
.az-ds-doc__warning p {
color: var(--az-text-primary);
}
.az-ds-doc__caption {
margin-top: 0.55rem;
font-family: inherit;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-text-soft);
}
.az-ds-doc__file-list {
margin: 0;
padding-left: 1.15rem;
font-family: inherit;
font-size: 0.94rem;
line-height: 1.64;
color: var(--az-text-soft);
}
.az-ds-doc__file-list li + li {
margin-top: 0.35rem;
}
.az-ds-doc__compare {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.az-ds-doc__compare > * {
grid-column: span 12;
}
.az-ds-doc__viewport {
padding: 1rem;
border: 1px solid var(--az-border);
background: var(--az-bg-page);
}
.az-ds-doc__viewport h3 {
margin: 0 0 0.55rem;
font-size: 1.15rem;
line-height: 1.18;
font-weight: 400;
color: var(--az-text-primary);
}
.az-ds-doc__viewport p {
margin: 0;
}
@media (max-width: 699px) {
.az-design-system-page,
.az-case-study,
.az-ds-doc {
padding-left: 0.85rem;
padding-right: 0.85rem;
}
.az-ds-doc__header h1,
.az-ds-doc__section h2,
.az-ds-doc__intro,
.az-ds-doc__section p {
max-width: none;
}
.az-ds-doc__local-nav {
display: grid;
grid-template-columns: 1fr;
}
.az-ds-doc__card-link,
.az-ds-doc__card--static,
.az-ds-doc__panel,
.az-ds-doc__specimen,
.az-ds-doc__callout,
.az-ds-doc__diagram,
.az-ds-doc__frame,
.az-ds-doc__mini-card,
.az-ds-doc__viewport,
.az-ds-doc__state-card,
.az-ds-doc__rule-card {
padding: 0.9rem;
}
.az-ds-doc__swatch-chip {
height: 72px;
}
.az-ds-doc__anatomy-row {
grid-template-columns: 1fr;
gap: 0.35rem;
}
.az-ds-doc__table,
.az-ds-doc__table tbody,
.az-ds-doc__table tr,
.az-ds-doc__table th,
.az-ds-doc__table td {
display: block;
width: 100%;
}
.az-ds-doc__table tr {
border-top: 1px solid var(--az-border);
}
.az-ds-doc__table tr:first-child {
border-top: 0;
}
.az-ds-doc__table th,
.az-ds-doc__table td {
padding: 0.55rem 0.7rem;
border-top: 0;
}
.az-ds-doc__table th {
padding-bottom: 0.2rem;
}
.az-ds-doc__table td {
padding-top: 0;
}
.az-ds-doc__token-row {
gap: 0.4rem;
}
.az-ds-doc__token-pill,
.az-ds-doc__nav-chip,
.az-ds-doc__ratio,
.az-ds-doc__kbd {
max-width: 100%;
}
.az-case-study__hero {
grid-template-columns: 1fr;
}
.az-case-study__meta {
max-width: 38rem;
}
}
@media (min-width: 700px) {
.az-ds-card {
grid-column: span 6;
}
.az-ds-doc__card {
grid-column: span 6;
}
.az-ds-doc__swatch {
grid-column: span 6;
}
.az-ds-doc__example-tab {
grid-column: span 4;
}
.az-ds-doc__split > * {
grid-column: span 6;
}
.az-ds-doc__triad > * {
grid-column: span 4;
}
.az-ds-doc__matrix > * {
grid-column: span 6;
}
.az-ds-doc__compare > * {
grid-column: span 6;
}
}
@media (min-width: 1024px) {
.az-ds-card {
grid-column: span 4;
}
.az-ds-doc__card {
grid-column: span 4;
}
.az-ds-doc__swatch {
grid-column: span 4;
}
.az-ds-doc__matrix > * {
grid-column: span 4;
}
}
@media (max-width: 700px) {
.az-case-study__title {
max-width: none;
font-size: clamp(1.9rem, 9vw, 3rem);
line-height: 1;
}
.az-case-study__fact {
grid-template-columns: 1fr;
gap: 0.25rem;
}
.az-case-study__meta-plane {
inset: auto -0.3rem -0.3rem 0.7rem;
}
.az-case-study__section {
grid-template-columns: 0.7rem minmax(0, 1fr);
gap: 0.85rem;
}
.az-case-study__section-mark {
width: 0.7rem;
}
.az-case-study__section-mark::before {
left: 0.14rem;
}
.az-case-study__figure-plane {
inset: 0.9rem auto -0.7rem 0.9rem;
width: 42%;
}
.az-case-study__figure figcaption,
.az-case-study__video figcaption {
grid-template-columns: 1fr;
gap: 0.35rem;
}
.az-case-study__related-grid {
grid-template-columns: 1fr;
}
}
.az-mot {
width: 100%;
color: var(--az-color-text);
background: var(--az-bg-page);
}
.mod-shell {
width: 100%;
color: var(--az-color-text);
}
.mod-header {
max-width: 62rem;
margin-bottom: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--az-color-border);
}
.mod-eyebrow {
position: relative;
display: inline-block;
margin: 0 0 0.55rem;
padding-left: 0.8rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.mod-eyebrow::before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: var(--az-color-accent-alt);
}
.mod-header h1 {
margin: 0 0 1rem;
max-width: 15ch;
font-size: clamp(2.4rem, 6vw, 4.6rem);
line-height: 0.98;
text-wrap: balance;
}
.mod-intro {
margin: 0;
max-width: 50rem;
font-size: 1.05rem;
line-height: 1.8;
color: var(--az-color-text-soft);
}
.mod-layout {
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.mod-index {
border-top: 1px solid var(--az-color-border);
position: sticky;
top: 1.25rem;
align-self: start;
}
.mod-index-item {
display: block;
width: 100%;
text-align: left;
background: transparent;
border: 0;
border-bottom: 1px solid var(--az-color-border);
padding: 1rem 0 1rem 1rem;
cursor: pointer;
font: inherit;
color: inherit;
position: relative;
transition: background-color 160ms ease, padding-left 160ms ease;
}
.mod-index-item::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.mod-index-item:nth-child(odd)::before {
background: var(--az-color-accent-alt);
}
.mod-index-item:hover {
background: var(--az-color-surface-soft);
padding-left: 1.15rem;
}
.mod-index-item[aria-current="true"] {
background: var(--az-color-surface-soft);
}
.mod-index-item[aria-current="true"]::before {
opacity: 1;
}
.mod-index-item:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: -2px;
}
.mod-accordion-trigger:focus-visible,
.mod-link:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.mod-index-num {
display: block;
margin-bottom: 0.2rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.mod-index-title {
display: block;
font-size: 1rem;
line-height: 1.18;
}
.mod-panel {
min-width: 0;
border-top: 1px solid var(--az-color-border);
padding-top: 0.2rem;
}
.mod-panel:focus {
outline: none;
}
.mod-panel:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 4px;
}
.mod-panel-header {
margin-bottom: 1.8rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--az-color-border);
}
.mod-panel-meta {
margin: 0 0 0.4rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.mod-panel-title {
margin: 0 0 0.65rem;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.mod-panel-desc {
margin: 0;
max-width: 44rem;
font-size: 1rem;
line-height: 1.72;
color: var(--az-color-text-soft);
}
.mod-sections {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
.mod-card {
background: var(--az-color-surface);
border: 1px solid var(--az-color-border);
padding: 1rem 1rem 1.05rem;
}
.mod-card-label {
display: block;
margin-bottom: 0.45rem;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.mod-card:nth-child(2) .mod-card-label {
color: var(--az-color-accent-alt);
}
.mod-card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
}
.mod-card p,
.mod-card li {
margin: 0;
font-size: 0.94rem;
line-height: 1.64;
color: var(--az-color-text);
}
.mod-card ul {
margin: 0;
padding-left: 1rem;
}
.mod-link-wrap {
padding-top: 1rem;
border-top: 1px solid var(--az-color-border);
}
.mod-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.82rem;
line-height: 1.3;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--az-color-accent);
text-decoration: none;
}
.mod-link:hover {
opacity: 0.82;
}
.mod-link-arrow {
font-size: 1rem;
line-height: 1;
}
.mod-accordion {
display: none;
}
.az-mot__header {
max-width: 62rem;
margin-bottom: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--az-color-border);
}
.az-mot__eyebrow {
position: relative;
display: inline-block;
margin: 0 0 0.55rem;
padding-left: 0.8rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-mot__eyebrow::before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: var(--az-color-accent-alt);
}
.az-mot__header h1 {
margin: 0 0 1rem;
max-width: 15ch;
font-size: clamp(2.4rem, 6vw, 4.6rem);
line-height: 0.98;
text-wrap: balance;
}
.az-mot__intro {
margin: 0;
max-width: 50rem;
font-size: 1.05rem;
line-height: 1.8;
color: var(--az-color-text-soft);
}
.az-mot__layout {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.az-mot__index {
border-top: 1px solid var(--az-color-border);
position: sticky;
top: 1.25rem;
align-self: start;
background: var(--az-bg-page);
}
.az-mot__index-item {
display: block;
width: 100%;
text-align: left;
background: transparent;
border: 0;
border-bottom: 1px solid var(--az-color-border);
padding: 1rem 0 1rem 1rem;
cursor: pointer;
font: inherit;
color: inherit;
position: relative;
transition: background-color 160ms ease, padding-left 160ms ease;
}
.az-mot__index-item::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.az-mot__index-item:nth-child(odd)::before {
background: var(--az-color-accent-alt);
}
.az-mot__index-item:hover,
.az-mot__index-item[aria-current="true"] {
background: var(--az-color-surface-soft);
}
.az-mot__index-item[aria-current="true"]::before {
opacity: 1;
}
.az-mot__index-num {
display: block;
margin-bottom: 0.2rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-mot__index-title {
display: block;
font-size: 1rem;
line-height: 1.18;
}
.az-mot__panel {
min-width: 0;
border-top: 1px solid var(--az-color-border);
padding-top: 0.2rem;
background: var(--az-bg-page);
}
.az-mot__panel:focus {
outline: none;
}
.az-mot__panel:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 4px;
}
.az-mot__panel-header {
margin-bottom: 1.8rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--az-color-border);
}
.az-mot__panel-meta {
margin: 0 0 0.4rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-mot__panel-title {
margin: 0 0 0.65rem;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.az-mot__panel-desc {
margin: 0;
max-width: 44rem;
font-size: 1rem;
line-height: 1.72;
color: var(--az-color-text-soft);
}
.az-mot__sections {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
.az-mot__card {
background: var(--az-color-surface);
border: 1px solid var(--az-color-border);
padding: 1rem 1rem 1.05rem;
}
.az-mot__card-label {
display: block;
margin-bottom: 0.45rem;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.az-mot__card:nth-child(2) .az-mot__card-label {
color: var(--az-color-accent-alt);
}
.az-mot__card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
}
.az-mot__card p,
.az-mot__card li {
margin: 0;
font-size: 0.94rem;
line-height: 1.64;
color: var(--az-color-text);
}
.az-mot__card ul {
margin: 0;
padding-left: 1rem;
}
.az-mot__link-wrap {
padding-top: 1rem;
border-top: 1px solid var(--az-color-border);
}
.az-mot__link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.82rem;
line-height: 1.3;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--az-color-accent);
text-decoration: none;
}
.az-mot__link:hover {
opacity: 0.82;
}
.az-mot__accordion {
display: none;
}
.fw-shell {
width: 100%;
color: var(--az-color-text);
background: var(--az-bg-page);
}
.fw-header-desc,
.fw-panel-purpose,
.fw-step-list li,
.fw-step-summary-text {
color: var(--az-color-text-soft);
}
.fw-layout {
display: grid;
grid-template-columns: 290px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.fw-index {
border-top: 1px solid var(--az-color-border);
position: sticky;
top: 1.25rem;
align-self: start;
background: var(--az-bg-page);
}
.fw-index-item {
display: block;
width: 100%;
text-align: left;
background: transparent;
border: 0;
border-bottom: 1px solid var(--az-color-border);
padding: 1rem 0 1rem 1rem;
cursor: pointer;
font: inherit;
color: inherit;
position: relative;
}
.fw-index-item::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.fw-index-item[aria-current="true"]::before {
opacity: 1;
}
.fw-index-num,
.fw-panel-meta,
.fw-accordion-num {
display: block;
margin-bottom: 0.2rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.fw-index-name,
.fw-accordion-name {
display: block;
margin-bottom: 0.35rem;
font-size: 1rem;
line-height: 1.18;
}
.fw-index-purpose,
.fw-accordion-purpose {
display: block;
margin-bottom: 0.5rem;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-color-text-soft);
}
.fw-index-steps,
.fw-accordion-badge {
display: inline-block;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.fw-content {
min-width: 0;
border-top: 1px solid var(--az-color-border);
padding-top: 0.2rem;
background: var(--az-bg-page);
}
.fw-content:focus {
outline: none;
}
.fw-panel-title {
margin: 0 0 0.5rem;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.fw-steps {
display: flex;
flex-direction: column;
position: relative;
}
.fw-steps::before {
content: "";
position: absolute;
left: 1rem;
top: 2.35rem;
bottom: 2.35rem;
width: 1px;
background: rgba(0, 0, 0, 0.09);
pointer-events: none;
}
.fw-step {
display: grid;
grid-template-columns: 2rem minmax(0, 1fr);
gap: 0 1.25rem;
padding-bottom: 1.9rem;
}
.fw-step:last-child {
padding-bottom: 0;
}
.fw-step-num {
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 0.1rem;
position: relative;
z-index: 1;
}
.fw-step-bubble {
width: 2rem;
height: 2rem;
border: 1px solid var(--az-color-border-strong);
border-radius: 999px;
background: var(--az-bg-page);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.68rem;
line-height: 1;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--az-color-accent);
}
.fw-step-title {
margin: 0.15rem 0 0.7rem;
font-size: 1.15rem;
line-height: 1.18;
}
.fw-step-list {
margin: 0 0 0.75rem;
padding-left: 1.1rem;
}
.fw-step-summary {
margin-top: 0.55rem;
padding: 0.75rem 0.9rem;
border-left: 3px solid var(--az-color-accent);
background: var(--az-accent-bg);
}
.fw-step-summary-label {
display: block;
margin-bottom: 0.25rem;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.fw-accordion {
display: none;
}
.sdd-shell {
width: 100%;
color: var(--az-color-text);
background: var(--az-bg-page);
}
.sdd-layout {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.sdd-index {
border-top: 1px solid var(--az-color-border);
position: sticky;
top: 1.25rem;
align-self: start;
background: var(--az-bg-page);
}
.sdd-index-item {
display: block;
width: 100%;
text-align: left;
background: transparent;
border: 0;
border-bottom: 1px solid var(--az-color-border);
padding: 1rem 0 1rem 1rem;
cursor: pointer;
font: inherit;
color: inherit;
position: relative;
}
.sdd-index-item::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.sdd-index-item[aria-current="true"]::before {
opacity: 1;
}
.sdd-index-title,
.sdd-accordion-title {
display: block;
margin-bottom: 0.28rem;
font-size: 1rem;
line-height: 1.18;
}
.sdd-index-summary,
.sdd-accordion-summary,
.sdd-panel-desc {
display: block;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-color-text-soft);
}
.sdd-panel {
min-width: 0;
border-top: 1px solid var(--az-color-border);
padding-top: 0.25rem;
background: var(--az-bg-page);
}
.sdd-panel:focus {
outline: none;
}
.sdd-panel:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 4px;
}
.sdd-index-item:focus-visible,
.sdd-accordion-trigger:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.sdd-panel-title {
margin: 0 0 0.55rem;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.sdd-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-bottom: 1.4rem;
}
.sdd-card-label {
display: block;
margin-bottom: 0.42rem;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.sdd-card:nth-child(2) .sdd-card-label {
color: var(--az-color-accent-alt);
}
.sdd-card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
}
.sdd-card {
background: var(--az-bg-page);
}
.sdd-card ul {
margin: 0;
padding-left: 1rem;
}
.sdd-body {
font-size: 1rem;
line-height: 1.72;
color: var(--az-text-primary);
}
.sdd-body p {
margin: 0 0 1rem;
}
.sdd-body p:last-child {
margin-bottom: 0;
}
.sdd-accordion {
display: none;
}
.az-ambient-shell {
width: 100%;
color: var(--az-color-text);
background: var(--az-bg-page);
}
.az-ambient-layout {
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.az-ambient-index {
border-top: 1px solid var(--az-color-border-strong);
position: sticky;
top: 1.25rem;
align-self: start;
background: var(--az-bg-page);
}
.az-ambient-index-item {
display: block;
width: 100%;
text-align: left;
background: transparent;
border: 0;
border-bottom: 1px solid var(--az-color-border);
padding: 1rem 0 1rem 1rem;
cursor: pointer;
font: inherit;
color: inherit;
position: relative;
transition: background-color 160ms ease, padding-left 160ms ease;
}
.az-ambient-index-item::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.az-ambient-index-item:nth-child(even)::before {
background: var(--az-color-accent-alt);
}
.az-ambient-index-item:hover,
.az-ambient-index-item[aria-current="true"] {
background: var(--az-color-surface-soft);
}
.az-ambient-index-item[aria-current="true"]::before {
opacity: 1;
}
.az-ambient-index-step,
.az-ambient-panel-meta,
.az-ambient-accordion-step {
display: block;
margin-bottom: 0.18rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-ambient-index-title,
.az-ambient-accordion-title {
display: block;
margin-bottom: 0.28rem;
font-size: 1rem;
line-height: 1.18;
}
.az-ambient-index-summary,
.az-ambient-accordion-summary,
.az-ambient-panel-desc {
display: block;
font-size: 0.82rem;
line-height: 1.5;
color: var(--az-color-text-soft);
}
.az-ambient-panel {
min-width: 0;
border-top: 1px solid var(--az-color-border-strong);
padding-top: 0.25rem;
background: var(--az-bg-page);
}
.az-ambient-panel:focus {
outline: none;
}
.az-ambient-panel:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 4px;
}
.az-ambient-index-item:focus-visible,
.az-ambient-accordion-trigger:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.az-ambient-panel-title {
margin: 0 0 0.55rem;
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.az-ambient-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-bottom: 1.4rem;
}
.az-ambient-card {
background: var(--az-bg-page);
border: 1px solid var(--az-color-border);
padding: 1rem 1rem 1.05rem;
}
.az-ambient-card-label {
display: block;
margin-bottom: 0.42rem;
font-size: 0.68rem;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-color-accent);
}
.az-ambient-card:nth-child(2) .az-ambient-card-label {
color: var(--az-color-accent-alt);
}
.az-ambient-card h3 {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.18;
}
.az-ambient-card ul {
margin: 0;
padding-left: 1rem;
}
.az-ambient-body {
font-size: 1rem;
line-height: 1.72;
color: var(--az-text-primary);
}
.az-ambient-body p {
margin: 0 0 1rem;
}
.az-ambient-body p:last-child {
margin-bottom: 0;
}
.az-ambient-note {
margin-top: 1.5rem;
padding: 1rem 1rem 1.05rem;
border-top: 1px solid var(--az-color-border-strong);
border-bottom: 1px solid var(--az-color-border);
}
.az-ambient-note-label {
display: block;
margin-bottom: 0.35rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-ambient-note p {
margin: 0;
font-size: 1rem;
line-height: 1.72;
font-style: italic;
}
[data-az-component-id="AZ-ORG-ABT-01"] {
width: 100%;
color: var(--az-text-primary, var(--az-color-heading));
}
[data-az-component-id="AZ-ORG-ABT-01"] * {
box-sizing: border-box;
}
[data-az-component-id="AZ-ORG-ABT-01"] a {
color: var(--az-accent, var(--az-color-accent));
text-decoration: none;
}
[data-az-component-id="AZ-ORG-ABT-01"] a:hover {
color: var(--az-text-primary, var(--az-color-heading));
}
[data-az-component-id="AZ-ORG-ABT-01"] a:focus-visible,
[data-az-component-id="AZ-ORG-ABT-01"] button:focus-visible,
[data-az-component-id="AZ-ORG-ABT-01"] [data-az-action="tab-panel"]:focus-visible {
outline: 2px solid var(--az-focus, rgba(0, 0, 0, 0.55));
outline-offset: 3px;
}
.az-abt__header {
max-width: 62rem;
margin-bottom: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--az-border, var(--az-color-border));
}
.az-abt__header h1 {
margin: 0;
max-width: 15ch;
text-wrap: balance;
}
.az-abt__layout {
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
gap: 2rem;
align-items: start;
}
.az-abt__nav {
position: sticky;
top: 1.25rem;
align-self: start;
border-top: 1px solid var(--az-border, var(--az-color-border));
}
.az-abt__tab {
position: relative;
display: block;
width: 100%;
padding: 1rem 0 1rem 1rem;
border: 0;
border-bottom: 1px solid var(--az-border, var(--az-color-border));
background: transparent;
color: inherit;
text-align: left;
cursor: pointer;
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
font-weight: 400;
transition: background-color 160ms ease, padding-left 160ms ease;
}
.az-abt__tab::before {
content: "";
position: absolute;
left: 0;
top: 0.95rem;
bottom: 0.95rem;
width: 3px;
background: var(--az-accent, var(--az-color-accent));
opacity: 0;
transition: opacity 160ms ease;
}
.az-abt__tab:hover {
background: var(--az-bg-section, var(--az-color-surface-soft));
padding-left: 1.15rem;
}
.az-abt__tab[aria-selected="true"] {
background: var(--az-bg-section, var(--az-color-surface-soft));
}
.az-abt__tab[aria-selected="true"]::before {
opacity: 1;
}
.az-abt__panel-wrap {
min-width: 0;
border-top: 1px solid var(--az-border, var(--az-color-border));
padding-top: 0.2rem;
}
.az-abt__panel[hidden] {
display: none;
}
.az-abt__panel-header {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--az-border, var(--az-color-border));
}
.az-abt__panel-header h2 {
margin: 0 0 0.65rem;
}
.az-abt__panel-intro,
.az-abt__prose p,
.az-abt__list li,
.az-abt__capability p {
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
font-weight: 400;
}
.az-abt__panel-intro {
margin: 0;
max-width: 44rem;
color: var(--az-text-soft, var(--az-color-text-soft));
}
.az-abt__prose p {
margin: 0 0 1rem;
color: var(--az-text-primary, var(--az-color-heading));
}
.az-abt__prose p:last-child {
margin-bottom: 0;
}
.az-abt__list {
margin: 0;
padding-left: 1.1rem;
}
.az-abt__list li + li {
margin-top: 0.55rem;
}
.az-abt__support-link {
margin: 1.25rem 0 0;
}
.az-abt__link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-bottom: 1px solid color-mix(in srgb, var(--az-accent, var(--az-color-accent)) 25%, transparent);
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
}
.az-abt__capabilities {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.az-abt__capability {
border: 1px solid var(--az-border, var(--az-color-border));
background: var(--az-bg-card, var(--az-color-surface));
padding: 1rem 1rem 1.05rem;
}
.az-abt__capability h3 {
margin: 0 0 0.45rem;
}
.az-abt__capability p {
margin: 0;
color: var(--az-text-primary, var(--az-color-heading));
}
.az-abt__competencies {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid var(--az-border, var(--az-color-border));
}
.az-abt__competency-group {
border: 1px solid var(--az-border, var(--az-color-border));
background: var(--az-bg-section, var(--az-color-surface-soft));
padding: 1rem;
}
.az-abt__competency-group h4 {
margin: 0 0 0.7rem;
}
.az-ambient-accordion {
display: none;
}
@media (max-width: 860px) {
.az-abt__layout {
display: block;
}
.az-abt__nav {
position: static;
margin-bottom: 1.25rem;
}
.az-abt__capabilities {
grid-template-columns: 1fr;
}
.fw-layout {
display: none;
}
.fw-accordion {
display: block;
border-top: 1px solid var(--az-color-border);
}
.fw-accordion-item {
border-bottom: 1px solid var(--az-color-border);
}
.fw-accordion-trigger {
display: grid;
grid-template-columns: minmax(0, 1fr) 1.8rem;
align-items: start;
gap: 0.8rem;
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
text-align: left;
color: inherit;
cursor: pointer;
position: relative;
-webkit-tap-highlight-color: transparent;
}
.fw-accordion-trigger::before {
content: "";
position: absolute;
left: -0.75rem;
top: 1rem;
bottom: 1rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.fw-accordion-item--open .fw-accordion-trigger::before {
opacity: 1;
}
.fw-accordion-trigger-text {
min-width: 0;
}
.fw-accordion-chevron,
.sdd-accordion-chevron,
.az-ambient-accordion-chevron {
width: 1.6rem;
height: 1.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: rgba(0, 0, 0, 0.55);
transition: transform 160ms ease;
}
.fw-accordion-chevron svg,
.sdd-accordion-chevron svg,
.az-ambient-accordion-chevron svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.fw-accordion-item--open .fw-accordion-chevron,
.sdd-accordion-item--open .sdd-accordion-chevron,
.az-ambient-accordion-item--open .az-ambient-accordion-chevron {
transform: rotate(180deg);
}
.fw-accordion-panel {
display: none;
padding: 0 0 1.4rem;
}
.fw-accordion-item--open .fw-accordion-panel {
display: block;
}
.fw-accordion-panel .fw-panel-header {
margin-bottom: 1.2rem;
padding: 0.2rem 0 0.9rem;
}
.fw-accordion-panel .fw-steps::before {
display: none;
}
.fw-accordion-panel .fw-step {
grid-template-columns: 1fr;
gap: 0.35rem;
padding: 0 0 1.35rem 1rem;
border-left: 3px solid var(--az-color-border);
margin-left: 0.1rem;
}
.fw-accordion-panel .fw-step:last-child {
padding-bottom: 0;
}
.fw-accordion-panel .fw-step-num {
display: none;
}
.sdd-layout {
display: none;
}
.sdd-accordion {
display: block;
border-top: 1px solid var(--az-color-border);
}
.sdd-accordion-item {
border-bottom: 1px solid var(--az-color-border);
}
.sdd-accordion-trigger {
display: grid;
grid-template-columns: minmax(0, 1fr) 1.8rem;
align-items: start;
gap: 0.8rem;
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
text-align: left;
color: inherit;
cursor: pointer;
}
.sdd-accordion-panel {
display: none;
padding: 0 0 1.25rem;
}
.sdd-accordion-item--open .sdd-accordion-panel {
display: block;
}
.sdd-cards {
grid-template-columns: 1fr;
}
.az-ambient-layout {
display: none;
}
.az-ambient-accordion {
display: block;
border-top: 1px solid var(--az-color-border-strong);
}
.az-ambient-accordion-item {
border-bottom: 1px solid var(--az-color-border);
}
.az-ambient-accordion-trigger {
display: grid;
grid-template-columns: minmax(0, 1fr) 1.8rem;
align-items: start;
gap: 0.8rem;
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
text-align: left;
color: inherit;
cursor: pointer;
}
.az-ambient-accordion-panel {
display: none;
padding: 0 0 1.25rem;
}
.az-ambient-accordion-item--open .az-ambient-accordion-panel {
display: block;
}
.az-ambient-cards {
grid-template-columns: 1fr;
}
.mod-layout {
display: none;
}
.mod-accordion {
display: block;
border-top: 1px solid var(--az-color-border);
}
.mod-accordion-item {
border-bottom: 1px solid var(--az-color-border);
}
.mod-accordion-trigger {
display: grid;
grid-template-columns: minmax(0, 1fr) 1.8rem;
align-items: start;
gap: 0.8rem;
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
text-align: left;
color: inherit;
cursor: pointer;
position: relative;
-webkit-tap-highlight-color: transparent;
}
.mod-accordion-trigger::before {
content: "";
position: absolute;
left: -0.75rem;
top: 1rem;
bottom: 1rem;
width: 3px;
background: var(--az-color-accent);
opacity: 0;
transition: opacity 160ms ease;
}
.mod-accordion-item:nth-child(odd) .mod-accordion-trigger::before {
background: var(--az-color-accent-alt);
}
.mod-accordion-item--open .mod-accordion-trigger::before {
opacity: 1;
}
.mod-accordion-num {
display: block;
margin-bottom: 0.18rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.mod-accordion-title {
display: block;
font-size: 1rem;
line-height: 1.18;
}
.mod-accordion-chevron {
width: 1.6rem;
height: 1.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: rgba(0, 0, 0, 0.55);
transition: transform 160ms ease, color 160ms ease;
}
.mod-accordion-chevron svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.mod-accordion-item--open .mod-accordion-chevron {
transform: rotate(180deg);
color: var(--az-text-primary);
}
.mod-accordion-panel {
display: none;
padding: 0 0 1.25rem;
}
.mod-accordion-item--open .mod-accordion-panel {
display: block;
}
.mod-sections {
grid-template-columns: 1fr;
}
.az-mot__layout {
display: none;
}
.az-mot__accordion {
display: block;
border-top: 1px solid var(--az-color-border);
}
.az-mot__accordion-item {
border-bottom: 1px solid var(--az-color-border);
}
.az-mot__accordion-trigger {
display: grid;
grid-template-columns: minmax(0, 1fr) 1.8rem;
align-items: start;
gap: 0.8rem;
width: 100%;
padding: 1rem 0;
background: transparent;
border: 0;
text-align: left;
color: inherit;
cursor: pointer;
}
.az-mot__accordion-num {
display: block;
margin-bottom: 0.18rem;
font-size: 0.68rem;
line-height: 1.2;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-color-text-soft);
}
.az-mot__accordion-title {
display: block;
font-size: 1rem;
line-height: 1.18;
}
.az-mot__accordion-chevron {
width: 1.6rem;
height: 1.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--az-icon);
transition: transform 160ms ease;
}
.az-mot__accordion-chevron svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.az-mot__accordion-item--open .az-mot__accordion-chevron {
transform: rotate(180deg);
}
.az-mot__accordion-panel {
display: none;
padding: 0 0 1.25rem;
}
.az-mot__accordion-item--open .az-mot__accordion-panel {
display: block;
}
.az-mot__sections {
grid-template-columns: 1fr;
}
}
.az-sem-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 auto;
color: var(--az-text-primary);
background: var(--az-bg-page);
border: 1px solid var(--az-border);
}
.az-sem-icon svg {
display: block;
width: 100%;
height: 100%;
padding: 0.48rem;
}
.az-lawdiag {
--az-lawdiag-accent: #8a3b30;
--az-lawdiag-accent-soft: rgba(138, 59, 48, 0.06);
--az-lawdiag-surface: rgba(255, 255, 255, 0.78);
--az-lawdiag-surface-strong: rgba(255, 255, 255, 0.92);
--az-lawdiag-line: rgba(0, 0, 0, 0.12);
--az-lawdiag-shadow: 0 18px 34px rgba(0, 0, 0, 0.04);
width: 100%;
max-width: 1140px;
margin: 0 auto;
color: var(--az-text-primary);
}
.az-lawdiag,
.az-lawdiag * {
box-sizing: border-box;
}
.az-lawdiag a {
color: inherit;
text-decoration-color: rgba(0, 0, 0, 0.34);
text-underline-offset: 0.18em;
}
.az-lawdiag p,
.az-lawdiag li {
font-family: inherit;
font-size: 1rem;
line-height: 1.72;
}
.az-lawdiag__hero {
max-width: 56rem;
padding: 1rem 0 2.8rem;
}
.az-lawdiag__hero > :last-child,
.az-lawdiag__guide > :last-child,
.az-lawdiag__legend > :last-child,
.az-lawdiag__card-body > :last-child,
.az-lawdiag__closing-body > :last-child {
margin-bottom: 0;
}
.az-lawdiag__title {
margin: 0 0 1rem;
max-width: 8ch;
font-size: clamp(2.5rem, 7vw, 5rem);
line-height: 0.94;
letter-spacing: -0.04em;
}
.az-lawdiag__intro {
max-width: 46rem;
}
.az-lawdiag__section {
padding: 2.6rem 0;
border-top: 1px solid var(--az-border);
}
.az-lawdiag__section--guide {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
gap: 1.25rem;
align-items: start;
}
.az-lawdiag__guide,
.az-lawdiag__legend,
.az-lawdiag__step-card,
.az-lawdiag__condition-card,
.az-lawdiag__combo-card {
background: var(--az-lawdiag-surface);
border: 1px solid var(--az-lawdiag-line);
box-shadow: var(--az-lawdiag-shadow);
}
.az-lawdiag__guide,
.az-lawdiag__legend,
.az-lawdiag__step-card,
.az-lawdiag__condition-card,
.az-lawdiag__combo-card {
padding: 1.25rem;
}
.az-lawdiag__section-head {
max-width: 46rem;
margin-bottom: 1.5rem;
}
.az-lawdiag__section-kicker,
.az-lawdiag__card-kicker,
.az-lawdiag__step-meta,
.az-lawdiag__filter-label {
margin: 0 0 0.42rem;
}
.az-lawdiag__section-title {
margin: 0;
font-size: clamp(1.6rem, 3vw, 2.4rem);
line-height: 1.02;
letter-spacing: -0.03em;
}
.az-lawdiag__guide-body {
margin-top: 0.95rem;
}
.az-lawdiag__filter-wrap {
margin-top: 1.2rem;
padding-top: 1rem;
border-top: 1px solid var(--az-border);
}
.az-lawdiag__filter-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
.az-lawdiag__filter-btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.55rem 0.75rem;
background: transparent;
border: 1px solid var(--az-border);
color: inherit;
font: inherit;
cursor: pointer;
}
.az-lawdiag__filter-btn .az-sem-icon {
width: 1.3rem;
height: 1.3rem;
border: 0;
background: transparent;
}
.az-lawdiag__filter-btn.is-active,
.az-lawdiag__filter-btn[aria-pressed="true"] {
border-color: rgba(138, 59, 48, 0.28);
background: var(--az-lawdiag-accent-soft);
color: var(--az-lawdiag-accent);
}
.az-lawdiag__filter-btn:focus-visible {
outline: 2px solid var(--az-focus);
outline-offset: 3px;
}
.az-lawdiag__legend-title {
margin: 0 0 0.95rem;
font-size: 1rem;
line-height: 1.25;
}
.az-lawdiag__legend-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.85rem;
}
.az-lawdiag__legend-item {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.8rem;
align-items: start;
}
.az-lawdiag__legend-item .az-sem-icon {
width: 2.25rem;
height: 2.25rem;
}
.az-lawdiag__legend-label {
margin: 0 0 0.3rem;
font-size: 0.95rem;
line-height: 1.2;
}
.az-lawdiag__legend-desc p {
margin: 0;
font-size: 0.92rem;
line-height: 1.58;
}
.az-lawdiag__steps {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.az-lawdiag__steps::before {
content: "";
position: absolute;
top: 0.85rem;
bottom: 0.85rem;
left: 1.05rem;
width: 1px;
background: var(--az-border-strong);
}
.az-lawdiag__step {
position: relative;
display: grid;
grid-template-columns: 2.1rem minmax(0, 1fr);
gap: 1rem;
}
.az-lawdiag__step + .az-lawdiag__step {
margin-top: 1.2rem;
}
.az-lawdiag__step-rail {
display: flex;
justify-content: center;
padding-top: 1.05rem;
}
.az-lawdiag__step-pin {
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid var(--az-lawdiag-accent);
background: var(--az-bg-page);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.96);
}
.az-lawdiag__step-card {
position: relative;
}
.az-lawdiag__step-header {
margin-bottom: 1rem;
}
.az-lawdiag__step-title {
margin: 0;
font-size: clamp(1.3rem, 2vw, 1.75rem);
line-height: 1.05;
}
.az-lawdiag__state,
.az-lawdiag__detail,
.az-lawdiag__meta-block {
min-width: 0;
}
.az-lawdiag__detail-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.az-lawdiag__detail-title {
margin: 0 0 0.42rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-lawdiag__detail-body p {
margin: 0;
font-size: 0.95rem;
line-height: 1.64;
}
.az-lawdiag__step-footer {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1.15rem;
padding-top: 1rem;
border-top: 1px solid var(--az-border);
}
.az-lawdiag__marker-list,
.az-lawdiag__condition-list {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
list-style: none;
margin: 0;
padding: 0;
}
.az-lawdiag__marker-list li,
.az-lawdiag__condition-chip {
display: inline-flex;
align-items: center;
gap: 0.45rem;
min-height: 2rem;
padding: 0.38rem 0.65rem;
border: 1px solid var(--az-border);
background: var(--az-lawdiag-surface-strong);
font-size: 0.86rem;
line-height: 1.35;
}
.az-lawdiag__condition-chip .az-sem-icon {
width: 1.25rem;
height: 1.25rem;
border: 0;
background: transparent;
}
.az-lawdiag__card-grid,
.az-lawdiag__combo-grid {
display: grid;
gap: 1rem;
}
.az-lawdiag__card-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.az-lawdiag__combo-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.az-lawdiag__card-head {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.8rem;
align-items: start;
margin-bottom: 0.85rem;
}
.az-lawdiag__card-head .az-sem-icon {
width: 2.25rem;
height: 2.25rem;
}
.az-lawdiag__card-title {
margin: 0;
font-size: 1.05rem;
line-height: 1.18;
}
.az-lawdiag__card-body p {
margin: 0;
font-size: 0.95rem;
line-height: 1.64;
}
.az-lawdiag__combo-card .az-lawdiag__card-title {
margin-bottom: 0.7rem;
}
.az-lawdiag__closing-body {
max-width: 50rem;
}
.az-lawdiag [data-az-law-matchable] {
transition: opacity 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
.az-lawdiag[data-az-law-highlight-active="true"] [data-az-law-matchable].is-dimmed {
opacity: 0.4;
}
.az-lawdiag[data-az-law-highlight-active="true"] [data-az-law-matchable].is-highlighted {
border-color: rgba(138, 59, 48, 0.26);
background: linear-gradient(180deg, rgba(138, 59, 48, 0.04), rgba(255, 255, 255, 0.88));
box-shadow: inset 0 0 0 1px rgba(138, 59, 48, 0.08);
}
@media (max-width: 1024px) {
.az-lawdiag__section--guide,
.az-lawdiag__card-grid {
grid-template-columns: 1fr 1fr;
}
.az-lawdiag__section--guide {
grid-template-columns: 1fr;
}
.az-lawdiag__combo-grid,
.az-lawdiag__detail-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 760px) {
.az-lawdiag__steps::before {
left: 0.85rem;
}
.az-lawdiag__step {
grid-template-columns: 1.7rem minmax(0, 1fr);
gap: 0.85rem;
}
.az-lawdiag__guide,
.az-lawdiag__legend,
.az-lawdiag__step-card,
.az-lawdiag__condition-card,
.az-lawdiag__combo-card {
padding: 1rem;
}
.az-lawdiag__card-grid,
.az-lawdiag__combo-grid,
.az-lawdiag__detail-grid,
.az-lawdiag__step-footer {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
.az-lawdiag__hero {
padding-top: 0.5rem;
}
.az-lawdiag__title {
font-size: clamp(2.2rem, 12vw, 3.6rem);
}
.az-lawdiag__filter-list {
display: grid;
grid-template-columns: 1fr;
}
.az-lawdiag__filter-btn {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.az-btn,
.az-series__pager,
.az-series__tab,
.fw-index-item,
.az-mot__index-item,
.mod-index-item,
.sdd-index-item,
.fw-accordion-chevron,
.sdd-accordion-chevron,
.az-ambient-index-item,
.az-ambient-accordion-chevron,
.az-mot__index-item,
.mod-accordion-chevron,
.az-mot__accordion-chevron,
.az-lawdiag__filter-btn,
.az-lawdiag [data-az-law-matchable] {
transition: none;
}
}.az-editorial-single {
--az-ed-border: var(--az-border);
--az-ed-border-strong: var(--az-border-strong);
--az-ed-text: var(--az-text-primary);
--az-ed-text-soft: var(--az-text-soft);
--az-ed-heading: var(--az-text-primary);
--az-ed-surface: var(--az-bg-card);
--az-ed-surface-soft: var(--az-bg-section);
--az-ed-accent: var(--az-accent);
--az-ed-accent-alt: var(--az-gold);
}
.az-editorial-single__inner {
max-width: 1220px;
}
.postid-1771 .az-editorial-single__inner {
max-width: 1480px;
}
.postid-1771 .portfolio_single .wpb_content_element.wpb_raw_html {
margin-bottom: 0;
}
.postid-1771 .portfolio_single {
width: 100%;
overflow: visible;
}
.postid-1771 .az-dsp {
max-width: 1480px;
}
.postid-1771 .az-dsp__sticky {
top: 2.5rem;
position: sticky;
z-index: 50;
}
.postid-1771 .wpb-content-wrapper,
.postid-1771 .vc_row,
.postid-1771 .section,
.postid-1771 .full_section_inner,
.postid-1771 .section_inner,
.postid-1771 .vc_column-inner,
.postid-1771 .wpb_wrapper {
overflow: visible !important;
}
@media (max-width: 782px) {
.postid-1771 .az-dsp__sticky {
top: 3.5rem;
}
}
.single-post .title_outer,
.single-portfolio_page .title_outer {
border-bottom: 1px solid var(--az-border);
margin-bottom: 2rem;
}
.single-post .title.title_size_large,
.single-portfolio_page .title.title_size_large {
height: auto !important;
min-height: 0 !important;
padding: 2rem 0 1.35rem !important;
background: var(--az-bg-page) !important;
}
.single-post .title_holder,
.single-portfolio_page .title_holder,
.single-post .title_subtitle_holder,
.single-portfolio_page .title_subtitle_holder {
position: relative !important;
height: auto !important;
}
.single-post .title_subtitle_holder h1,
.single-portfolio_page .title_subtitle_holder h1 {
margin: 0 !important;
max-width: 15ch;
font-family: var(--az-font-heading, "Bodoni Moda", Georgia, serif) !important;
font-size: clamp(2.4rem, 6vw, 4.6rem) !important;
line-height: 0.98 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
}
.az-editorial-single .post,
.az-editorial-single .portfolio_single,
.az-editorial-single .portfolio_container,
.az-editorial-single .post_content_holder,
.az-editorial-single .post_text_inner,
.az-editorial-single .portfolio_detail,
.az-editorial-single .qode_portfolio_related,
.az-editorial-single .portfolio_comments_holder {
color: var(--az-ed-text);
}
.az-editorial-single .post_text_inner,
.az-editorial-single .portfolio_detail {
border-top: 1px solid var(--az-ed-border);
padding-top: 1rem;
}
.az-editorial-single .entry_title,
.az-editorial-single .entry_title a,
.az-editorial-single .portfolio_title,
.az-editorial-single .portfolio_title a,
.az-editorial-single .portfolio_detail h6,
.az-editorial-single .qode_portfolio_related h4 {
color: var(--az-ed-heading);
font-weight: 400;
letter-spacing: 0.01em;
}
.az-editorial-single .entry_title {
margin-bottom: 0.8rem;
line-height: 1.08;
}
.az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title,
.az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title a {
font-family: var(--az-font-heading, "Bodoni Moda", Georgia, serif) !important;
font-size: clamp(2.4rem, 6vw, 4.6rem) !important;
line-height: 0.98 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title {
max-width: 15ch;
margin: 0 !important;
padding-bottom: 1.35rem;
border-bottom: 1px solid var(--az-ed-border);
text-wrap: balance;
}
.az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title + * {
margin-top: 2rem !important;
}
.az-has-visual-shortcode.single-post .az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title {
display: none !important;
}
.az-has-visual-shortcode.single-post .az-editorial-single--post .blog_single .post_text > .post_text_inner > .entry_title + * {
margin-top: 0 !important;
}
.az-editorial-single .post_info,
.az-editorial-single .post_info a,
.az-editorial-single .portfolio_detail p,
.az-editorial-single .portfolio_detail .category,
.az-editorial-single .post_text_inner p,
.az-editorial-single .post_text_inner li {
color: var(--az-ed-text-soft);
line-height: 1.72;
}
.az-editorial-single .post_info {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--az-ed-border);
}
.az-editorial-single .post_image img,
.az-editorial-single .portfolio_images img,
.az-editorial-single .projects_holder_outer .image img {
display: block;
width: 100%;
height: auto;
}
.az-editorial-single .post_image,
.az-editorial-single .portfolio_images,
.az-editorial-single .portfolio_detail,
.az-editorial-single .portfolio_comments_holder,
.az-editorial-single .qode_portfolio_related {
margin-bottom: 1.5rem;
}
.az-editorial-single .portfolio_detail .info {
padding: 0.85rem 0;
border-top: 1px solid var(--az-ed-border);
}
.az-editorial-single .portfolio_detail .info:first-child {
padding-top: 0;
border-top: 0;
}
.az-editorial-single .portfolio_detail h6 {
margin: 0 0 0.35rem;
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--az-ed-accent);
}
.az-editorial-single .portfolio_social_holder {
display: flex;
align-items: center;
gap: 0.65rem;
padding-top: 1rem;
border-top: 1px solid var(--az-ed-border);
}
.az-context-navigation {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--az-ed-border);
}
.az-context-navigation__top {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 1rem;
align-items: center;
margin-bottom: 1.35rem;
}
.az-context-navigation__title {
margin: 0;
font-family: var(--az-font-heading, "Bodoni Moda", Georgia, serif);
font-size: 1.15rem;
line-height: 1.18;
font-weight: 400;
color: var(--az-ed-heading);
text-align: center;
}
.az-context-navigation__arrow {
display: flex;
align-items: center;
}
.az-context-navigation__arrow--next {
justify-content: flex-end;
}
.az-context-navigation__arrow a,
.az-context-navigation__arrow-placeholder {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border: 1px solid var(--az-ed-border);
background: var(--az-bg-page);
color: var(--az-ed-heading);
text-decoration: none;
font-size: 1.25rem;
line-height: 1;
}
.az-context-navigation__arrow a:hover,
.az-context-navigation__arrow a:focus-visible {
color: var(--az-ed-accent);
border-color: var(--az-ed-accent);
}
.az-context-navigation__arrow-placeholder {
opacity: 0.35;
}
.az-context-navigation__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
.az-context-navigation__card {
margin: 0;
border: 1px solid var(--az-ed-border);
background: var(--az-bg-page);
overflow: hidden;
}
.az-context-navigation__card-link {
display: block;
height: 100%;
padding: 1rem 1.05rem 1.15rem;
color: inherit;
text-decoration: none;
border-top: 3px solid var(--az-gold);
transition: background-color 160ms ease, border-color 160ms ease;
}
.az-context-navigation__card:nth-child(even) .az-context-navigation__card-link {
border-top-color: var(--az-ed-accent);
}
.az-context-navigation__card-link:hover,
.az-context-navigation__card-link:focus-visible {
background: var(--az-bg-section);
}
.az-context-navigation__meta {
margin: 0 0 0.55rem;
font-family: var(--az-font-body, "Inter", Arial, sans-serif);
font-size: 0.72rem;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--az-text-soft);
}
.az-context-navigation__card-title {
margin: 0;
font-family: var(--az-font-heading, "Bodoni Moda", Georgia, serif);
font-size: 1.15rem;
line-height: 1.12;
font-weight: 400;
color: var(--az-ed-heading);
text-wrap: pretty;
}
.az-context-navigation__card-excerpt {
margin: 0.65rem 0 0;
font-family: var(--az-font-body, "Inter", Arial, sans-serif);
font-size: 1rem;
line-height: 1.62;
color: var(--az-text-soft);
}
.az-portfolio-navigation {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 1rem;
align-items: center;
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid var(--az-ed-border);
}
.az-portfolio-navigation__prev,
.az-portfolio-navigation__next {
min-width: 0;
}
.az-portfolio-navigation__next {
text-align: right;
}
.az-portfolio-navigation a {
color: var(--az-ed-heading);
text-decoration: none;
}
.az-portfolio-navigation a:hover,
.az-portfolio-navigation a:focus-visible {
color: var(--az-ed-accent);
}
.az-editorial-single .qode_portfolio_related .projects_holder {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.az-editorial-single .qode_portfolio_related article {
margin: 0;
padding: 0;
border: 1px solid var(--az-ed-border);
background: var(--az-bg-page);
}
.az-editorial-single .qode_portfolio_related .portfolio_description {
padding: 0.9rem 1rem 1rem;
}
.az-editorial-single a:focus-visible,
.az-editorial-single button:focus-visible {
outline: 2px solid rgba(0, 0, 0, 0.55);
outline-offset: 3px;
}
@media (max-width: 1000px) {
.az-editorial-single .qode_portfolio_related .projects_holder {
grid-template-columns: 1fr;
}
.az-context-navigation__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
.az-portfolio-navigation {
grid-template-columns: 1fr;
text-align: left;
}
.az-portfolio-navigation__next {
text-align: left;
}
.az-context-navigation__top {
grid-template-columns: auto 1fr auto;
}
}
@media (max-width: 680px) {
.az-context-navigation__grid {
grid-template-columns: 1fr;
}
.az-context-navigation__title {
text-align: left;
}
}