/*
Theme Name: Moreno Studio
Theme URI: https://morenowebsolutions.com/
Author: Moreno Web Solutions
Author URI: https://morenowebsolutions.com/
Description: A warm, editorial WordPress block theme for Moreno Web Solutions, with five editable page patterns and a safe draft-page setup tool.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moreno-studio
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, portfolio
*/
:root{--ms-navy:#142549;--ms-paper:#faf9f6;--ms-orange:#f47c32;--ms-muted:#556078;--ms-line:#d9dde3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}a{ text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:#a7420b}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b74509;outline-offset:5px}::selection{background:#fbd4b6;color:var(--ms-navy)}
.wp-site-blocks>*{margin-block-start:0}.ms-main{margin:0!important}.ms-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto!important}.ms-section{padding:96px 0;margin:0!important}.ms-section .wp-block-columns{gap:64px;margin-bottom:0}.ms-section .wp-block-column{min-width:0}.ms-section .wp-block-column>:first-child{margin-top:0}.ms-section p{color:var(--ms-muted)}.ms-section h1,.ms-section h2,.ms-section h3{color:var(--ms-navy)}.ms-section h1{font-size:clamp(3rem,5.2vw,5rem);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:24px 0}.ms-section h2{font-size:clamp(2rem,3.3vw,3.35rem);margin:18px 0 24px;letter-spacing:-.045em;line-height:1.1}.ms-section h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.025em}.ms-section h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#a74718;letter-spacing:-.055em}.ms-section .ms-eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ms-navy);margin:0 0 18px}.ms-lead{font-size:1.15rem;line-height:1.75;max-width:620px}.ms-small{font-size:.85rem;line-height:1.6}.ms-micro{font-size:10px;letter-spacing:.12em;font-weight:700}.ms-text-link{font-size:.95rem;font-weight:600}.ms-text-link a{text-decoration:none;border-bottom:1px solid var(--ms-navy);padding-bottom:5px}.ms-tint{background:#edf1f7}.ms-section .wp-block-buttons{gap:14px;margin-top:30px}.wp-block-button__link{transition:background .18s,color .18s,transform .18s;text-decoration:none;line-height:1.5}.wp-block-button__link:hover{background:#253f6c;color:white;transform:translateY(-2px)}.is-style-outline .wp-block-button__link{border:1px solid #a3acba;padding:15px 23px;background:transparent;color:var(--ms-navy)}.is-style-outline .wp-block-button__link:hover{background:#e9edf2;color:var(--ms-navy)}
/* Header and native mobile navigation */
.ms-header{padding:25px 0;border-bottom:1px solid var(--ms-line);background:var(--ms-paper)}.ms-header-inner{display:flex;align-items:center;gap:38px}.ms-header-inner>*{margin:0!important}.ms-logo{width:220px;flex-shrink:0}.ms-logo img{display:block;width:220px}.ms-header-inner .ms-nav{margin-left:auto!important;font-size:13px;font-weight:600}.ms-nav .wp-block-navigation__container{gap:26px}.ms-nav a{text-decoration:none}.ms-nav .current-menu-item>a{text-decoration:underline;text-underline-offset:8px}.ms-header .wp-block-button__link{padding:12px 19px;font-size:12px;white-space:nowrap}.ms-header-inner .wp-block-buttons{flex-shrink:0}.wp-block-navigation__responsive-container.is-menu-open{background:var(--ms-paper)!important;color:var(--ms-navy)!important;padding:32px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:24px;font-size:24px}.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-height:44px;min-width:44px;justify-content:center;align-items:center}
/* Hero */
.ms-hero{padding:84px 0 78px}.ms-hero .ms-hero-columns{align-items:center;gap:56px}.ms-hero-columns>.wp-block-column:first-child{flex-basis:54%!important}.ms-hero-columns>.wp-block-column:last-child{flex-basis:46%!important}.ms-hero h1{font-size:clamp(3rem,4.5vw,4.65rem);margin-top:25px}.ms-hero .ms-lead{max-width:530px;font-size:1.02rem}.ms-hero .wp-block-button__link{font-size:.82rem;padding:15px 19px}.ms-hero-note{font-size:11px;letter-spacing:.06em;margin-top:29px!important}.ms-hero-art{position:relative;padding:34px 28px 26px;background:#e7eaf1;border-radius:6px;transform:rotate(2deg);margin:25px 0 35px!important}.ms-hero-art>.ms-micro{margin:0 0 28px}.ms-hero-screen{padding:20px 8px 8px;background:var(--ms-navy);border-radius:8px;box-shadow:0 22px 38px #14254924;position:relative}.ms-hero-screen:before{content:'•••';position:absolute;left:12px;top:-6px;color:#aab6ce;font-size:19px;letter-spacing:2px}.ms-hero-screen figure{margin:0}.ms-hero-screen img{display:block;aspect-ratio:1.75;object-fit:cover;object-position:left top;border-radius:3px}.ms-hero-caption{padding:24px 0 0}.ms-hero-caption p{margin:0}.ms-hero-caption h3{margin:6px 0;font-size:1.3rem}.ms-note{position:absolute;right:-18px;bottom:-36px;padding:18px 23px;background:#fbd7bb;transform:rotate(-7deg);box-shadow:0 8px 12px #14254909}.ms-note p{color:var(--ms-navy);font-size:.9rem;line-height:1.5;margin:0}.ms-trust-section{padding:23px 0;border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line)}.ms-trust{display:flex;justify-content:space-between;gap:24px;align-items:center}.ms-trust p{font-size:12px;margin:0!important}.ms-trust .ms-trust-title{font-weight:700;color:var(--ms-navy)}
/* Portfolio */
.ms-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.ms-section-heading h2{margin-bottom:0}.ms-section .ms-projects{gap:36px}.ms-browser{padding:38px 28px 0;border-radius:5px;overflow:hidden}.ms-lilac{background:#e5e7ef}.ms-peach{background:#f2dfd0}.ms-browser figure{margin:0;box-shadow:0 12px 24px #14254924;border:5px solid #fff;border-bottom:0;border-radius:5px 5px 0 0;transition:transform .25s}.ms-browser:hover figure{transform:translateY(-5px)}.ms-browser img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;object-position:left top}.ms-project>.ms-eyebrow{margin:25px 0 8px;font-size:10px}.ms-project h3{font-size:1.4rem;margin:0 0 10px}.ms-project h3 a{text-decoration:none;display:flex;justify-content:space-between;gap:20px}.ms-project>p:last-child{font-size:.94rem;margin-top:10px}.ms-services{background:#edf1f7}.ms-service-columns>.wp-block-column:first-child{flex-basis:36%!important}.ms-service-columns>.wp-block-column:last-child{flex-basis:64%!important}.ms-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}.ms-service{border-top:1px solid #bdc7d6;padding-top:20px;margin:0!important}.ms-number{font-size:12px;font-weight:600;color:#a74718!important}.ms-service h3{margin:16px 0 12px;font-size:1.35rem}.ms-service p:last-child{font-size:.94rem;line-height:1.75}.ms-about .wp-block-columns{align-items:center}.ms-about-panel{background:#f1e8dd;padding:50px 42px;min-height:340px;display:flex;flex-direction:column;justify-content:center;border-radius:5px}.ms-about-panel .ms-handshake{font-family:Georgia,serif;font-style:italic;font-size:1.6rem;color:#a74718;margin:0 0 20px}.ms-about-panel h2{font-size:clamp(2rem,3vw,3rem)}.ms-about-panel .ms-micro{margin-top:25px}.ms-cta{background:var(--ms-navy);color:var(--ms-paper)}.ms-cta .wp-block-columns{align-items:center}.ms-cta h2,.ms-cta .ms-eyebrow{color:var(--ms-paper)}.ms-cta p{color:#d4dce8}.ms-orange .wp-block-button__link{background:var(--ms-orange);color:#142549}.ms-orange .wp-block-button__link:hover{background:#ff994f;color:#142549}.ms-page-intro{padding:85px 0 70px;border-bottom:1px solid var(--ms-line)}.ms-page-intro h1{max-width:1000px}.ms-page-intro .ms-lead{max-width:660px}.ms-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:42px}.ms-step{margin:0!important;border-top:1px solid #bdc7d6;padding-top:20px}.ms-step p:last-child{font-size:.95rem}.ms-price-card{background:white;padding:32px 24px;border:1px solid var(--ms-line);border-radius:5px;height:100%}.ms-section .ms-price{font-size:clamp(1.45rem,2.5vw,2.2rem);margin:22px 0}.ms-price-card p{font-size:.95rem}.ms-price-card .ms-inclusions{border-top:1px solid var(--ms-line);padding-top:22px;line-height:2.1;font-size:.88rem}.ms-price-card .wp-block-button__link{font-size:.85rem;padding:12px 18px}.wp-block-details{border-bottom:1px solid #bdc7d6;padding:22px 0;margin:0!important}.wp-block-details summary{font-size:1.05rem;cursor:pointer;font-weight:600;padding-right:10px}.wp-block-details p{font-size:.95rem}.ms-contact-card{padding:42px;background:#edf1f7;border-radius:5px}.ms-email{font-size:clamp(.95rem,1.7vw,1.3rem);overflow-wrap:anywhere}.ms-contact-item{padding:15px 0;border-bottom:1px solid var(--ms-line);font-size:.95rem}.ms-footer{background:var(--ms-paper);padding:65px 0 25px;margin:0!important}.ms-footer .wp-block-columns{gap:60px}.ms-footer-logo{max-width:220px;margin:0 0 24px}.ms-footer p{font-size:.9rem;color:var(--ms-muted);line-height:1.9;overflow-wrap:anywhere}.ms-footer h3{font-size:.95rem;font-weight:600;margin:0 0 20px}.ms-footer a{text-decoration:none}.ms-footer-bottom{border-top:1px solid var(--ms-line);padding-top:20px;margin-top:45px;display:flex;justify-content:space-between;gap:20px}.ms-footer-bottom p{font-size:.75rem;margin:0!important}.ms-prose{max-width:850px}.ms-prose .wp-block-post-title{font-size:clamp(2.2rem,4vw,3.7rem)}.ms-prose .wp-block-post-template{list-style:none;padding:0}.ms-prose .wp-block-post-template>li{padding:30px 0;border-bottom:1px solid var(--ms-line)}.ms-prose .wp-block-post-template h2{font-size:2rem}.ms-prose .wp-block-post-date{font-size:.85rem;color:var(--ms-muted)}.ms-prose .alignwide{max-width:100%}.wp-block-search__input{min-width:0;padding:12px;border:1px solid #9ba6b7}.wp-block-search__button{background:var(--ms-navy);color:white;border:0;padding:12px 20px}
@media(min-width:782px) and (max-width:1100px){.ms-wrap{width:calc(100% - 64px)}.ms-header-inner{gap:20px}.ms-logo,.ms-logo img{width:180px}.ms-nav .wp-block-navigation__container{gap:18px}.ms-header-inner>.wp-block-buttons{display:none}.ms-section .wp-block-columns{gap:35px}.ms-hero h1{font-size:3.4rem}.ms-note{right:-10px}.ms-services-grid{gap:28px}.ms-about-panel{padding:32px}}
@media(max-width:781px){.ms-wrap{width:calc(100% - 40px)}.ms-section{padding:58px 0}.ms-header{padding:19px 0}.ms-logo,.ms-logo img{width:175px}.ms-header-inner{gap:12px}.ms-header-inner>.wp-block-buttons{display:none}.ms-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.ms-nav .wp-block-navigation__responsive-container-open{display:flex!important}.ms-section .wp-block-columns{gap:35px}.ms-hero{padding:50px 0 65px}.ms-hero h1{font-size:clamp(2.6rem,8.5vw,4rem)}.ms-hero .ms-lead{font-size:1rem}.ms-hero-art{max-width:510px;margin:20px auto 20px!important;padding:25px 20px}.ms-note{right:0;bottom:-24px}.ms-trust-section{padding:25px 0}.ms-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ms-trust p{font-size:11px}.ms-section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:30px}.ms-section-heading .ms-text-link{margin:0}.ms-services-grid{gap:26px}.ms-service h3{font-size:1.25rem}.ms-steps{grid-template-columns:1fr 1fr}.ms-about-panel{min-height:280px;padding:34px}.ms-page-intro{padding:50px 0}.ms-page-intro h1{font-size:clamp(2.7rem,8vw,4rem)}.ms-price-card{padding:30px}.ms-contact-card{padding:28px}.ms-footer{padding:48px 0 24px}.ms-footer .wp-block-columns{gap:25px}.ms-footer-bottom{flex-direction:column;gap:5px;margin-top:25px}.ms-browser{padding:26px 20px 0}}
@media(max-width:420px){.ms-services-grid,.ms-steps{grid-template-columns:1fr}.ms-section h1{letter-spacing:-.05em}.ms-hero .wp-block-buttons{gap:10px}.ms-hero .wp-block-button__link{font-size:12px;padding:14px 15px}.ms-note{padding:14px 18px}.ms-hero-caption h3{font-size:1.1rem}.ms-hero-caption .ms-small{max-width:150px}.ms-eyebrow{letter-spacing:.1em!important}.ms-contact-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
