/* Annie’s Paint Lab — standalone, responsive styles. No external dependencies. */
:root{--navy:#0a203f;--teal:#159a9d;--pink:#e31168;--cream:#fff3e5;--blush:#ffb6c8;--muted:#5f626a;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--sans);line-height:1.6}a{color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-100px;padding:.75rem 1rem;background:var(--navy);color:white;z-index:100}.skip-link:focus{top:1rem}
.site-header{height:82px;padding:0 clamp(24px,4.5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#fff4e6,#fff7ed);border-bottom:1px solid #ebd6c6}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-family:var(--serif);font-weight:700;font-style:italic;font-size:clamp(26px,3.1vw,46px);line-height:1.1;letter-spacing:-1.5px}.brand-icon{font-style:normal;font-size:45px}.brand>span:last-child{position:relative}.brand>span:last-child:after{content:'';position:absolute;bottom:-6px;left:18%;width:65%;height:5px;background:#3bc8bc;border-radius:100%;transform:rotate(-2deg)}nav{display:flex;gap:clamp(22px,4.1vw,66px)}nav a{font-family:var(--serif);font-size:clamp(18px,1.85vw,28px);font-weight:700;text-decoration:none}nav a:hover,.text-link:hover{color:var(--pink)}
.opening{background:#f5af9d}.original-banner{background:#353c39}.original-banner img{width:100%;height:auto;aspect-ratio:1500/337;object-fit:contain}.hero{position:relative;min-height:440px;height:clamp(410px,32vw,540px);display:grid;place-items:center;background:#f5ad99 url('assets/sunset-hero.png') center center/100% 100% no-repeat;text-align:center;isolation:isolate}.hero-copy{position:relative;width:49%;max-width:760px;padding:25px 0 50px;z-index:1}.hero h1{font-family:var(--serif);font-size:clamp(40px,5.35vw,82px);font-style:italic;line-height:1.04;font-weight:700;letter-spacing:-2.5px;margin:0;text-shadow:0 1px 10px #ffe7c06b}.paint-stroke{display:block;width:150px;height:13px;margin:13px auto 9px;background:var(--teal);border-radius:65% 15% 70% 20%;transform:rotate(-3deg);clip-path:polygon(0 54%,12% 17%,36% 6%,60% 29%,86% 48%,100% 36%,91% 77%,65% 88%,36% 67%,14% 61%,0 98%)}.hero-copy>p{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.9vw,29px);margin:5px 0 25px;white-space:nowrap}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:10px 27px;border-radius:999px;text-decoration:none;font-family:var(--serif);font-size:21px;font-weight:700;line-height:1.4;transition:background .18s,transform .18s}.button-primary{background:var(--pink);color:white;border-color:#c60d56;box-shadow:0 3px 0 #a20a3e14}.button-primary:hover{background:#bc0e55;transform:translateY(-2px)}.button span{font-size:28px;line-height:1}
.featured-wrap{position:relative;padding:0 5% 54px;background:linear-gradient(#f6b2a3,#f5bca8)}.featured{position:relative;max-width:1160px;margin:-24px auto 0;padding:12px 42px 26px;background:var(--cream);border-radius:64px 64px 28px 28px}.featured h2{font-family:var(--serif);font-size:clamp(23px,2.6vw,39px);line-height:1.3;margin:0 0 21px;text-align:center;letter-spacing:-1px}.accent{display:inline-block;color:var(--teal);font-family:var(--sans);font-size:42px;line-height:1;vertical-align:middle;margin:0 12px;transform:rotate(-20deg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-card{display:flex;flex-direction:column;border-radius:24px;background:#fff0e2;overflow:hidden;box-shadow:0 2px 2px #633b3521;text-decoration:none;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card>img{width:100%;height:190px;object-fit:cover;object-position:center 42%}.feature-card:nth-child(2)>img{object-position:center 45%}.feature-card>span{align-self:center;background:#ffb6ca;border-radius:99px;margin:9px 8px 10px;padding:2px 18px;font-family:var(--serif);font-size:18px;font-weight:700;text-align:center}.feature-card>span>span{padding-left:6px}
.section{padding:80px clamp(22px,6vw,100px);max-width:1536px;margin:auto;scroll-margin-top:24px}.section-heading{text-align:center;max-width:740px;margin:0 auto 26px}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:700;color:#187b7a;margin:0 0 12px}h2{font-family:var(--serif);font-size:clamp(32px,3.2vw,48px);line-height:1.15;letter-spacing:-1.2px;margin:0 0 18px}.section-heading>p:last-child{color:var(--muted);margin:0}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:26px 0 30px}.filter{border:1px solid #d5c8bb;border-radius:50px;padding:9px 18px;background:transparent;color:var(--navy);font-size:14px}.filter:hover{border-color:var(--teal)}.filter.active{background:var(--navy);border-color:var(--navy);color:white}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.gallery-item{margin:0;background:#fffaf3;border:1px solid #ead8c8;border-radius:20px;overflow:hidden}.gallery-item[hidden]{display:none}.gallery-photo{display:block;overflow:hidden;background:#f5e7db}.gallery-photo img{width:100%;height:340px;object-fit:cover;transition:transform .3s}.gallery-photo:hover img{transform:scale(1.035)}figcaption{padding:17px 20px}figcaption>span{display:block;font-family:var(--serif);font-size:24px;font-weight:700}figcaption>small{color:var(--muted);font-size:12px;letter-spacing:.5px}.about{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;background:#f2e9db;border-radius:34px;max-width:1336px}.studio-photo{width:100%;height:400px;object-fit:cover;border-radius:22px}.about-copy{max-width:500px}.about-copy .paint-stroke{margin:0 0 20px}.about-copy>p:not(.eyebrow){color:#50555d}.text-link{display:inline-block;font-weight:700;margin-top:12px;text-underline-offset:6px;text-decoration-color:var(--teal)}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding-top:95px;padding-bottom:95px}.contact-intro>p:not(.eyebrow){max-width:430px;color:var(--muted)}.form-note{font-size:13px;border-left:3px solid var(--teal);padding-left:14px;margin-top:28px}.contact-form{padding:30px;border:1px solid #e7d6c6;background:#fff9f1;border-radius:24px;box-shadow:0 8px 30px #6f3e2808}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;min-width:0;background:white;color:var(--navy);border:1px solid #d7c9bb;border-radius:9px;padding:11px 12px;font-size:15px;line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#737373}.contact-form .button{font-size:18px}.form-status{font-size:14px;color:#24645a;margin:14px 0 0}.form-status:empty{display:none}.site-footer{padding:32px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:var(--cream)}.footer-brand{font:italic 700 26px var(--serif);text-decoration:none}.site-footer p{font:italic 16px var(--serif)}.site-footer>a:last-child{font-size:13px;text-underline-offset:5px}
dialog{border:0;border-radius:18px;background:#fff6eb;padding:18px;max-width:min(94vw,1000px);max-height:94vh;color:var(--navy);box-shadow:0 15px 70px #0005}dialog::backdrop{background:#071424e8}dialog img{max-width:100%;max-height:76vh;object-fit:contain;margin:auto}dialog p{text-align:center;margin:14px 0 0;font-family:var(--serif);font-size:20px}.lightbox-close{position:absolute;right:22px;top:22px;width:44px;height:44px;border:1px solid #d6ccbf;border-radius:50%;background:var(--cream);color:var(--navy);font-size:30px;line-height:1}

@media(max-width:1000px){.brand{font-size:29px}.brand-icon{font-size:34px}.site-header{height:75px;padding:0 24px}nav{gap:24px}nav a{font-size:21px}.hero{min-height:400px;height:440px;background-size:100% 100%}.hero-copy{width:48%;padding-bottom:50px}.hero h1{font-size:51px;letter-spacing:-2px}.hero-copy>p{font-size:18px;white-space:normal}.featured{padding:17px 25px 25px;border-radius:40px 40px 25px 25px}.featured h2{font-size:28px}.accent{font-size:30px;margin:0 5px}.feature-grid{gap:15px}.feature-card>img{height:160px}.feature-card>span{font-size:15px;padding:3px 10px}.gallery-photo img{height:280px}.about{gap:32px;border-radius:0}.contact{gap:30px}.form-row{grid-template-columns:1fr;gap:0}.site-footer{flex-wrap:wrap}.site-footer p{margin:0}}
@media(max-width:640px){html{scroll-padding-top:20px}.site-header{height:auto;min-height:104px;flex-direction:column;justify-content:center;gap:16px;padding:15px 12px}.brand{font-size:30px;letter-spacing:-1px}.brand-icon{font-size:33px}nav{gap:36px}nav a{font-size:18px}.original-banner img{min-height:0}.hero{height:460px;min-height:0;align-items:start;background-size:100% auto;background-position:center bottom;background-color:#ffbe9a;background-repeat:no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#f5c2ad 0%,#ffd0a7 55%,#ffd0a7aa 61%,transparent 74%);z-index:0}.hero-copy{width:100%;max-width:none;padding:30px 14px 0}.hero h1{font-size:48px;line-height:1.03;letter-spacing:-1.8px}.hero-copy>p{font-size:18px;white-space:normal;margin:4px 0 17px}.paint-stroke{width:120px;height:10px;margin:8px auto}.button{font-size:18px;min-height:46px;padding:9px 24px}.featured-wrap{padding:0 16px 30px}.featured{margin-top:-18px;padding:20px 15px 18px;border-radius:30px 30px 20px 20px}.featured h2{font-size:26px;line-height:1.2;margin-bottom:18px;max-width:290px;margin-left:auto;margin-right:auto}.accent{display:none}.feature-grid{gap:14px;grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:108px 1fr;align-items:center;border-radius:14px;min-height:100px}.feature-card>img{height:110px;width:108px;object-fit:cover}.feature-card>span{margin:0 10px;background:transparent;font-size:19px;text-align:left;padding:0}.section{padding:50px 20px}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-heading>p:last-child{font-size:14px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gallery-photo img{height:205px}figcaption{padding:12px}figcaption>span{font-size:19px;line-height:1.2;margin-bottom:5px}figcaption>small{font-size:10px}.filter{font-size:12px;padding:8px 11px}.filters{gap:7px}.gallery-item{border-radius:15px}.about{grid-template-columns:1fr;gap:25px}.studio-photo{height:280px}.about-copy>p:not(.eyebrow){font-size:15px}.contact{grid-template-columns:1fr;gap:23px}.contact-intro .form-note{max-width:none;margin-bottom:0;margin-top:18px}.contact-form{padding:21px}.site-footer{flex-direction:column;text-align:center;gap:12px;padding:30px 20px}.site-footer p{font-size:15px}dialog{padding:12px}.lightbox-close{right:16px;top:16px}}
@media(max-width:360px){.brand{font-size:26px}.hero h1{font-size:42px}.gallery-grid{grid-template-columns:1fr}.gallery-photo img{height:330px}.feature-card>span{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Shared logo and navigation for the three-page site. */
.site-header{height:132px;min-height:132px;padding-top:8px;padding-bottom:8px}
.brand{gap:18px;letter-spacing:-1px}
.site-logo{width:112px;height:112px;object-fit:contain;border-radius:50%;flex-shrink:0}
.brand-name{font-size:clamp(24px,2.6vw,38px)}
.brand-name small{display:block;font:italic 15px Georgia,serif;letter-spacing:0;color:#496365;margin-top:12px}
.brand>span:last-child:after{display:none}
nav a[aria-current="page"]{color:#bd1557;text-decoration:underline;text-decoration-color:#159a9d;text-underline-offset:9px;text-decoration-thickness:3px}
.page-gallery .gallery{min-height:70vh}
.page-contact .contact{min-height:70vh}
@media(max-width:1000px){.site-header{padding-left:22px;padding-right:22px}.brand{gap:12px}.brand-name{font-size:27px}.brand-name small{font-size:12px}nav{gap:22px}nav a{font-size:20px}}
@media(max-width:640px){.site-header{height:auto;min-height:158px;gap:14px;padding:10px 16px 18px}.site-logo{width:84px;height:84px}.brand{gap:12px}.brand-name{font-size:26px}.brand-name small{font-size:11px;letter-spacing:0;margin-top:9px}nav{gap:42px}nav a{font-size:18px}.page-gallery .gallery,.page-contact .contact{padding-top:36px}}
@media(max-width:360px){.brand-name{font-size:23px}.brand-name small{font-size:10px}.site-logo{width:74px;height:74px}}