/*
Theme Name: MAKA Painting
Description: Editable painting business homepage with a pinned, scroll-controlled video. Edit homepage content under Appearance > Customize > MAKA Homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: maka-painting
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#242722;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #087cde;outline-offset:6px}.skip{position:fixed;left:15px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;color:#fff;border-bottom:1px solid #ffffff20}.brand{font-size:32px;letter-spacing:.13em;line-height:.9;font-weight:600;display:inline-flex;flex-direction:column}.brand span{font-size:10px;letter-spacing:.43em;margin-top:10px;font-weight:400}nav{display:flex;align-items:center;gap:38px;font-size:15px}nav>a:not(.pill):hover{opacity:.7}.pill{display:inline-block;padding:12px 27px;border-radius:50px}.blue{background:#0879ce;color:#fff}.blue:hover{background:#0062ae}.menu-toggle{display:none}.hero{height:100svh;min-height:620px;max-height:1250px;position:relative;color:white;overflow:hidden}.hero-images,.hero-images img,.hero-shade{position:absolute;width:100%;height:100%;inset:0}.hero-images img{object-fit:cover;opacity:0;transition:opacity .8s ease,transform 7s ease;transform:scale(1.035)}.hero-images img.active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(180deg,#0005 0%,transparent 30%,#0002 50%,#0005 100%),linear-gradient(90deg,#0005,transparent 70%)}.hero-copy{position:absolute;left:5%;right:5%;top:45%;transform:translateY(-15%)}.eyebrow{font-size:12px;letter-spacing:.17em;line-height:1.5;font-weight:500;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-size:clamp(44px,5.4vw,84px);letter-spacing:-.045em;line-height:1.1;margin-bottom:20px}.hero-copy>p:last-child{font-size:18px}.hero-bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:15px}.view-switch{display:flex;gap:12px}.view-switch button{border:0;background:#ffffff70;backdrop-filter:blur(12px);color:#141711;border-radius:30px;padding:11px 22px;font-size:14px;transition:background .3s}.view-switch button.selected,.view-switch button:hover{background:#fff}.scroll{font-size:42px;line-height:1;position:absolute;left:50%;transform:translateX(-50%)}.image-note{font-size:12px;color:#ffffffc9}.section{padding:110px 7%}h2{font-size:clamp(36px,4vw,62px);font-weight:400;letter-spacing:-.04em;line-height:1.12;margin-bottom:28px}p{font-size:17px}.intro{text-align:center;max-width:1040px;margin:auto;padding-top:120px;padding-bottom:120px}.intro h2{font-size:clamp(40px,4.6vw,68px)}.intro>p:last-child{max-width:660px;margin:30px auto 0;color:#676963;font-size:19px}.feature{display:grid;grid-template-columns:1.1fr 1fr;min-height:610px;background:#f3f3f0}.feature-photo{min-height:560px;overflow:hidden}.feature img{width:100%;height:100%;object-fit:cover;display:block}.feature-copy{padding:80px 14%;align-self:center}.feature-copy>p:not(.eyebrow){color:#65685f;max-width:450px}.feature-copy .eyebrow{color:#6a6d64}.text-link{display:inline-flex;gap:30px;font-size:15px;margin-top:20px;border-bottom:1px solid #a6aaa1;padding-bottom:10px}.text-link:hover{color:#0879ce}.reverse{grid-template-columns:1fr 1.1fr;background:white}.reverse .feature-photo{order:2}.detail-banner{position:relative;height:760px;color:#fff;overflow:hidden}.detail-banner>img{width:100%;height:100%;object-fit:cover}.detail-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent)}.detail-banner>div{position:absolute;z-index:1;left:7%;top:30%;max-width:600px}.detail-banner .caption{position:absolute;z-index:1;bottom:25px;right:30px;font-size:12px}.section-heading{display:flex;justify-content:space-between;gap:50px}.section-heading h2{width:66%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.steps article{border-top:1px solid #bfc4b9;padding-top:22px}.steps span{font-size:14px;color:#74796e}.steps h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:30px 0 15px}.steps p{color:#696e64;max-width:360px;font-size:16px}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-top:1px solid #e7e9e2}.questions h2{font-size:42px}details{border-bottom:1px solid #d4d8ce}summary{cursor:pointer;list-style:none;padding:24px 35px 24px 0;font-size:18px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";right:4px;position:absolute;font-size:24px;top:18px}details[open] summary:after{content:"−"}details p{font-size:16px;color:#63695c;max-width:600px;padding-right:30px}.contact{text-align:center;background:#e7ebe1;padding-top:115px;padding-bottom:115px}.contact h2{font-size:clamp(48px,6vw,86px)}.contact>p:not(.eyebrow){color:#5b6353}.contact-notice{display:inline-block;margin-top:20px;padding:14px 24px;border:1px solid #b8c0af;border-radius:35px;font-size:14px;color:#4b5741}footer{padding:55px 5% 35px;display:flex;align-items:center;gap:50px;flex-wrap:wrap}footer .brand{margin-right:auto}footer>div{display:flex;gap:25px;font-size:14px}footer p{width:100%;font-size:12px;color:#72786b;margin:20px 0 0}.back-top{font-size:12px;margin-top:-70px;margin-left:auto}
@media(min-width:1600px){.feature-copy{padding:110px 18%}.feature{min-height:720px}}@media(max-width:800px){header{padding:23px 6%}.brand{font-size:28px}.brand span{font-size:9px}.menu-toggle{display:block;background:none;border:0;color:inherit;font-size:15px;padding:8px 0}.menu-toggle span{padding-left:10px}nav{display:none;position:absolute;left:0;right:0;top:88px;background:#253123;padding:25px 6% 35px;flex-direction:column;align-items:stretch;gap:24px}nav.open{display:flex}.pill{width:max-content}.hero{min-height:620px}.hero-copy{left:6%;right:6%;top:43%}.hero-copy .eyebrow{font-size:11px}.hero-copy>p:last-child{max-width:250px;font-size:17px}.hero-images img{object-position:58% center}.hero-bottom{left:6%;right:6%;bottom:35px;flex-wrap:wrap}.view-switch{gap:8px}.view-switch button{font-size:13px;padding:10px 17px}.scroll{right:0;left:auto;transform:none;bottom:26px}.image-note{width:100%;font-size:11px;margin-top:7px}.section{padding:75px 7%}.intro>p:last-child{font-size:17px}.feature,.reverse{grid-template-columns:1fr;min-height:0}.feature-photo{min-height:0;height:400px}.feature-copy{padding:60px 7% 70px}.reverse .feature-photo{order:0}.detail-banner{height:640px}.detail-banner>img{object-position:65%}.detail-banner>div{left:7%;top:22%;right:7%}.section-heading{display:block}.section-heading h2{width:100%}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin-top:18px}.steps p{max-width:none}.questions{grid-template-columns:1fr;gap:10px}.questions h2{font-size:36px}summary{font-size:17px}.contact{padding:85px 7%}footer{gap:35px;padding:45px 7% 25px}footer>div{font-size:13px;gap:18px}.back-top{margin-top:-62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-images img{transition:none;transform:none}}

@font-face{font-family:MakaGrotesk;src:url('assets/fonts/maka-bold.woff') format('woff');font-weight:700 900;font-display:swap}
.brand{align-items:center;letter-spacing:0}.brand-mark{width:132px;height:71px;display:block;overflow:visible;fill:currentColor}.logo-name{font-family:MakaGrotesk,Arial,sans-serif;font-weight:900;font-size:70px;letter-spacing:-5px;-webkit-text-stroke:.5px currentColor}.logo-painting{font-family:MakaGrotesk,Arial,sans-serif;font-weight:700;font-size:29px;letter-spacing:-.5px}header .brand{color:white}footer{background:#242722;color:white}footer p{color:#cbd1c6}
.scroll-story{height:380svh;position:relative}.scroll-story .hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none}.room-view{position:absolute;inset:0;opacity:0;transition:opacity .4s;overflow:hidden;background:#181d19}.room-view.active{opacity:1}#room-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.hero-copy{opacity:1;pointer-events:none}.hero-shade{pointer-events:none}.scroll-story .hero-images>img{transition:opacity .4s;transform:none}.scroll-story .hero-images>img.active{transform:none}
.scene-cue{position:absolute;left:5%;top:135px;font-size:13px;color:white;background:#18201966;backdrop-filter:blur(15px);border:1px solid #ffffff30;padding:13px 17px 18px;border-radius:5px;overflow:hidden}.scene-cue[hidden]{display:none}.scene-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff20}.scene-progress i{display:block;width:100%;height:100%;background:white;transform-origin:left;transform:scaleX(var(--room-progress,0))}
@media(max-width:800px){.brand-mark{width:110px;height:59px}.scene-cue{top:116px;left:6%;font-size:12px;padding:11px 12px 16px}.scroll-story{height:380svh}.hero-copy{top:29%}.hero-copy h1{font-size:38px;max-width:340px}.hero-copy>p:last-child{max-width:320px}#room-video{object-fit:contain}.hero-shade{background:linear-gradient(180deg,#0003,transparent 50%,#0003)}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}.room-view,.scroll-story .hero-images>img{transition:none}.scene-cue{display:none}}

.custom-logo{width:132px;height:auto;max-height:90px;object-fit:contain}.custom-logo-link{display:inline-flex}.scroll-story{height:var(--maka-scroll-height,380svh)}
.admin-bar .scroll-story .hero{top:32px;height:calc(100svh - 32px)}
.page-top{padding:28px 7%;background:#242722;color:white}.page-top .brand{color:white}.wp-content{max-width:1100px;margin:auto;min-height:55vh;padding:70px 7%}.wp-content img{max-width:100%;height:auto}.wp-content a{text-decoration:underline}.wp-content input,.wp-content textarea{max-width:100%}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:24px auto}.contact-links a{text-decoration:underline}
@media(max-width:782px){.admin-bar .scroll-story .hero{top:46px;height:calc(100svh - 46px)}}
@media(max-width:600px){.admin-bar .scroll-story .hero{top:0;height:100svh}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}}

.contact-notice:empty{display:none}