:root{--cream:#faf5ed;--ink:#381d30;--lav:#b29bd1;--pink:#f6d1d5;--butter:#f9dfa0;--line:#e4dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.header{height:83px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.logo{font-family:'DM Serif Display',serif;font-style:italic;font-size:32px;white-space:nowrap}.logo span{color:#de8b8a;font:normal 24px sans-serif}.header nav{display:flex;gap:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.header nav a:hover{color:#a581c1}.smallcta{background:var(--pink);border-radius:32px;padding:13px 25px;letter-spacing:.15em;font-size:10px;white-space:nowrap}.menu{display:none;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:52% 48%;min-height:575px;overflow:hidden}.hero-copy{padding:85px 4% 65px 11%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600}h1,h2,h3{font-family:'DM Serif Display',serif;font-weight:400}h1{font-size:clamp(52px,6vw,94px);line-height:1.01;letter-spacing:-.035em;margin:25px 0}h1 em,h2 em{font-weight:400;color:var(--lav)}.lede{max-width:430px;line-height:1.8;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border-radius:50px;padding:19px 27px;font-size:11px;letter-spacing:.15em;font-weight:600;display:inline-flex;gap:20px;align-items:center;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.yellow{background:var(--butter)}.outline{border:1px solid #7d6572}.hero-art{position:relative;background:#e7c6bc;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#e8beb7,#d7c0dc 65%,#f1d79e)}.arch{position:relative;overflow:hidden;width:76%;height:77%;border-radius:46% 46% 8px 8px;background:repeating-linear-gradient(100deg,transparent 0 76px,#e7b1b5 78px 95px,transparent 97px 132px),linear-gradient(140deg,#f7eac7,#d1ded4);box-shadow:18px 24px 0 #f4e6d4}.sunflower{position:absolute;font-size:245px;line-height:1;color:#eb959d;top:0;left:-50px;text-shadow:6px 4px #f5d9a1}.sunflower.two{font-size:290px;top:180px;left:165px;color:#e5be76}.swirl{position:absolute;right:10px;top:80px;font-size:170px;color:#9e9cc4;transform:rotate(90deg)}.paintword{position:absolute;right:25px;bottom:27px;font:italic 23px 'DM Serif Display',serif;transform:rotate(-8deg)}.star.big{position:absolute;font-size:48px;color:#f8e8ae;left:5%;top:30%}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:28px 5%;gap:0}.category-strip a{border-right:1px solid #d6cfc9;display:flex;align-items:center;gap:18px;font-size:11px;line-height:1.6;letter-spacing:.14em;justify-content:center}.category-strip a:last-child{border:0}.category-strip b{font-size:20px;font-weight:400}.symbol{font-size:48px;color:#e4bc71}.symbol.pink{color:#eab2b5}.symbol.purple{color:#b9a3d8}.section{padding:100px 6%}.section-top{display:flex;justify-content:space-between;gap:70px;align-items:end}.section-top>div{max-width:580px}.section-top>p{max-width:350px;line-height:1.75;font-size:14px}.section h2{font-size:clamp(43px,5vw,70px);line-height:1.07;letter-spacing:-.025em;margin:16px 0 28px}.filter{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 30px}.filter button{background:transparent;border:1px solid #dfd6d1;border-radius:30px;padding:10px 20px;color:var(--ink);cursor:pointer;font-family:inherit}.filter button.active,.filter button:hover{background:var(--pink);border-color:var(--pink)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{min-width:0}.work-img{aspect-ratio:4/4.2;position:relative;overflow:hidden;display:grid;place-items:center}.mural{background:#dfb8a9}.wall-flower{position:absolute;left:7%;top:4%;font-size:230px;line-height:1;color:#eddb89}.wall-flower.second{left:37%;top:31%;color:#c49ec9;font-size:230px}.wall-swoop{position:absolute;bottom:-28%;left:-9%;width:130%;height:65%;border-radius:50%;border:38px solid #f7ddd5;transform:rotate(-20deg)}.painting{background:#e4d4e2}.canvas{width:70%;height:78%;background:linear-gradient(145deg,#f2c0cb,#d6b8e7);box-shadow:10px 14px 0 #c6afbb;display:grid;place-items:center;position:relative}.cherries{font-size:72px;letter-spacing:-24px;color:#ef8e94;text-shadow:5px 6px #f6c8ab}.stem{position:absolute;font-size:110px;top:15%;color:#819b75;transform:rotate(40deg)}.canvas span{position:absolute;top:20px;left:16px;color:#f6d576;font-size:43px}.sculpture{background:#dbccdf}.sculpt-shape{font-size:230px;color:#edacc3;text-shadow:8px 8px #f5e3bc;transform:rotate(17deg);margin-top:-60px}.pedestal{position:absolute;bottom:0;width:65%;height:25%;background:#f2d8c3;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.work-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-info h3{font-size:27px;margin:18px 0 5px}.work-info span{font-size:10px;letter-spacing:.13em}.sample{font-size:11px;color:#806d7a;margin-top:4px}.commission{background:#f5e7e2;display:grid;grid-template-columns:45% 55%;align-items:center;gap:3%;}.commission-art{font-family:serif;color:#bca4cf;text-align:center;font-size:190px;line-height:1}.commission-art span{color:#e4b777}.commission p:not(.eyebrow),.artnights p:not(.eyebrow),.about p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:570px}.commission .btn,.artnights .btn{margin-top:22px}.artnights{display:grid;grid-template-columns:50% 50%;align-items:center;gap:4%}.night-art{background:#ead5e5;border-radius:50% 50% 12% 12%;height:360px;position:relative;display:grid;place-items:center}.night-art>span{position:absolute;top:-40px;left:20px;color:#eea7ae;font-size:130px}.paint-palette{font-size:130px;transform:rotate(-12deg)}.night-note{position:absolute;right:5%;bottom:8%;font:italic 23px 'DM Serif Display',serif;transform:rotate(-9deg)}.fineprint{font-size:12px!important;color:#7c6875}.about{background:#f1e9e2;display:grid;grid-template-columns:45% 55%;align-items:center;gap:5%}.about-art{height:340px;background:#d9c3dd;border-radius:53% 47% 38% 62%;display:grid;place-items:center}.flower-big{font-size:250px;color:#f2c6a2}.contact{text-align:center;position:relative}.contact h2{font-size:clamp(48px,6vw,82px)}.contact>p:not(.eyebrow){max-width:500px;margin:20px auto;line-height:1.7}.contact-pill{display:inline-block;background:#eadbe7;border-radius:40px;padding:17px 25px;font-size:11px;letter-spacing:.13em;margin-top:18px}.contact .star{position:absolute;top:70px;right:20%;font-size:56px;color:#e1b8a5}footer{border-top:1px solid var(--line);padding:48px 6%;display:flex;justify-content:space-between;gap:30px;align-items:center}footer p,footer span{font-size:12px}@media(max-width:900px){.header nav{gap:12px}.hero-copy{padding-left:8%}h1{font-size:58px}.category-strip a{gap:7px}.symbol{font-size:35px}.section{padding:70px 5%}}@media(max-width:680px){.header{height:74px;padding:0 5%}.logo{font-size:29px}.menu{display:block;margin-left:auto}.smallcta{display:none}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);z-index:8;flex-direction:column;padding:25px;box-shadow:0 10px 20px #0001}.header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 7%}.hero-art{min-height:380px}.arch{height:320px;width:70%}.sunflower{font-size:160px}.sunflower.two{font-size:190px;top:130px;left:100px}.swirl{font-size:100px}.category-strip{grid-template-columns:repeat(2,1fr);row-gap:18px}.category-strip a{justify-content:flex-start;padding:8px;border-right:0}.section-top{display:block}.work-grid{grid-template-columns:1fr;gap:35px}.work-img{aspect-ratio:1.15}.commission,.artnights,.about{grid-template-columns:1fr;gap:35px}.commission-art{font-size:120px}.night-art{height:300px}.about-art{height:280px}.flower-big{font-size:185px}footer{display:block}h1{font-size:clamp(49px,11vw,75px)}}

/* Editable sample photographs extracted from the visual concept; replace files in /images. */
.hero-art{background:#f1d6d5}.hero-art:before{display:none}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.work-img img{width:100%;height:100%;object-fit:cover;display:block}.commission-art{font-size:0;overflow:hidden;max-height:360px;border-radius:48% 48% 8% 8%}.commission-art img{width:100%;height:360px;object-fit:cover;display:block}.night-art{overflow:hidden;background:#ead5e5}.night-art img{width:100%;height:100%;object-fit:cover}.about-art{overflow:hidden}.about-art img{height:100%;width:100%;object-fit:cover}.work-card .sample{font-size:11px}.work-img.mural,.work-img.painting,.work-img.sculpture{background:transparent}

/* Responsive layout refinement — October 2026 */
html,body{max-width:100%;overflow-x:clip}
img{max-width:100%}
.header{position:relative;z-index:20}
.header nav a{display:inline-flex;align-items:center;min-height:36px}
.hero,.commission,.artnights,.about{min-width:0}
.hero>* , .commission>*, .artnights>*, .about>*{min-width:0}
.commission{grid-template-columns:minmax(0,45fr) minmax(0,52fr)}
.artnights{grid-template-columns:minmax(0,49fr) minmax(0,47fr)}
.about{grid-template-columns:minmax(0,45fr) minmax(0,50fr)}
.work-img img,.commission-art img,.night-art img,.about-art img{display:block;width:100%;height:100%;object-fit:cover}
.work-card .work-info{flex-wrap:wrap}
@media(max-width:1050px){
.header{gap:15px;padding-left:4%;padding-right:4%}
.header nav{gap:14px;letter-spacing:.06em}
.smallcta{padding:12px 16px}
.category-strip a{letter-spacing:.06em;padding:0 8px}
.section-top{gap:30px}
}
@media(max-width:800px){
.header{height:70px;padding:0 5%}
.header .logo{font-size:30px}
.menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;cursor:pointer;position:relative;z-index:22;color:var(--ink)}
.smallcta{display:none}
.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);box-shadow:0 12px 25px #381d301c;z-index:21;padding:14px 6% 22px;flex-direction:column;gap:0;max-height:calc(100dvh - 70px);overflow-y:auto}
.header nav.open{display:flex}
.header nav a{font-size:13px;min-height:49px;border-bottom:1px solid var(--line);letter-spacing:.09em}
.hero{grid-template-columns:1fr;min-height:0}
.hero-copy{padding:50px 6% 45px;max-width:650px}
.hero h1{font-size:clamp(47px,8.5vw,76px);line-height:1.04}
.hero-art{height:min(80vw,520px);min-height:280px}
.hero-photo{position:static;display:block;height:100%;width:100%;object-position:center 38%}
.category-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 5%;gap:0}
.category-strip a{justify-content:flex-start;min-width:0;padding:14px 6px;min-height:86px;border:0}
.category-strip a:nth-child(odd){border-right:1px solid var(--line)}
.category-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}
.section{padding:65px 6%}
.section-top{display:block}
.section-top>p{max-width:560px}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.commission,.artnights,.about{grid-template-columns:minmax(0,1fr);gap:30px}
.commission-art{order:0;width:100%;max-height:none;border-radius:28px}
.commission-art img{height:min(65vw,440px);object-position:center}
.night-art{order:0;height:min(65vw,420px);border-radius:28px}
.about-art{height:min(65vw,410px);border-radius:28px}
footer{flex-wrap:wrap;gap:12px}
}
@media(max-width:560px){
.header .logo{font-size:27px}
.hero-copy{padding:42px 6% 35px}
.hero h1{font-size:clamp(42px,11.2vw,61px);overflow-wrap:break-word}
.hero .lede{font-size:14px;line-height:1.7}
.hero .actions{width:100%;gap:10px}
.hero .btn{justify-content:center;max-width:100%}
.hero-art{height:88vw;min-height:290px}
.category-strip{padding:12px 4%}
.category-strip a{font-size:10px;letter-spacing:.035em;line-height:1.45;gap:7px;min-height:80px}
.category-strip .symbol{font-size:30px;flex:0 0 35px}
.category-strip b{font-size:16px}
.section{padding:54px 6%}
.section h2{font-size:clamp(37px,10vw,52px);line-height:1.09}
.section-top>p{font-size:14px}
.filter{gap:7px}
.filter button{font-size:12px;padding:11px 13px;min-height:42px}
.work-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.work-img{aspect-ratio:1/1;max-height:440px}
.work-info h3{font-size:26px}
.work-info span{font-size:9px}
.commission-art,.night-art,.about-art{border-radius:18px}
.commission-art img{height:300px;object-position:center}
.night-art{height:290px}
.about-art{height:290px}
.commission p:not(.eyebrow),.artnights p:not(.eyebrow),.about p:not(.eyebrow){font-size:14px;line-height:1.75}
.btn{min-height:48px;padding:15px 19px;line-height:1.4;letter-spacing:.09em}
.contact .star{right:8%;top:38px;font-size:36px}
.contact>p:not(.eyebrow){font-size:14px}
footer{padding:35px 6%;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
footer p,footer span{margin:0}
.contact-page{margin:33px auto 65px;padding:0 6%}
.contact-page h1{font-size:clamp(42px,11vw,58px);line-height:1.07;overflow-wrap:break-word}
.contact-page .lede{font-size:14px}
.contact-panel{padding:22px 18px;border-radius:16px}
.contact-fields{grid-template-columns:minmax(0,1fr)}
.contact-panel input,.contact-panel select,.contact-panel textarea{font-size:16px;max-width:100%}
.contact-panel .btn{width:100%;justify-content:center;text-align:center}
}

/* Clear decorative iconography and simplify mobile navigation */
.category-strip a{gap:8px;text-align:left}.category-strip a:empty{display:none}.contact .star{display:none}.menu{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.05em;width:auto;padding:0 15px;white-space:nowrap}.logo span{display:none}

.about-art img{object-position:center 24%}.about-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.about-links .btn{font-size:12px}

/* Clean editorial portrait instead of decorative blob */
.about{grid-template-columns:minmax(0,34fr) minmax(0,61fr);gap:5%;}
.about-art{width:100%;height:330px;max-width:315px;justify-self:center;border-radius:12px;background:transparent;overflow:hidden;}
.about-art img{width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:12px;}
@media(max-width:700px){.about{grid-template-columns:minmax(0,1fr)}.about-art{height:310px;max-width:280px;justify-self:start;}}

.footer-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.footer-center p{margin:0}.footer-center a{font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}

.etsy-shop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:7%;background:#f9f0ed}.etsy-shop-copy p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:530px}.etsy-shop .btn{display:inline-block;margin-top:20px}.etsy-shop-image{max-width:390px;justify-self:center}.etsy-shop-image img{display:block;width:100%;border-radius:15px;object-fit:contain}@media(max-width:700px){.etsy-shop{grid-template-columns:1fr;gap:25px}.etsy-shop-image{max-width:290px}}

/* Show the whole tote-painting table rather than cropping its edges */
.artnights .night-art{height:auto;min-height:0;background:#f4ece7;display:flex;align-items:center;justify-content:center}.artnights .night-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:14px}

/* Uniform gallery tile sizing and corners, all breakpoints */
.portfolio .work-grid{align-items:start;grid-auto-rows:auto}
.portfolio .work-card{min-width:0;width:100%;margin:0}
.portfolio .work-card .work-img{display:block;position:relative;width:100%;height:auto;max-height:none;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;isolation:isolate;box-shadow:none;background:#eee5e1}
.portfolio .work-card .work-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover;object-position:center;border-radius:0}
.portfolio .work-card .work-info{margin-top:12px}

/* Remove the white border baked into the Original Artwork image */
.portfolio #artwork .work-img img{transform:scale(1.085);transform-origin:center center}

/* Murals portfolio tile: crop original image to a clean square, no blurred padding */
#murals .work-img { aspect-ratio: 1 / 1; overflow: hidden; }
#murals .work-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }


/* Consistent mobile alignment and safe viewport sizing */
@media (max-width:800px) {
  .hero,.section,.etsy-shop,.commission,.artnights,.about,.portfolio,.contact,footer {width:100%;max-width:100%;min-width:0}
  .hero-copy,.section,.etsy-shop,.contact,footer {padding-left:6%;padding-right:6%}
  .hero-copy,.section-top,.etsy-shop-copy,.commission>*,.artnights>*,.about>* {min-width:0}
  .portfolio .work-grid {width:100%;min-width:0}
  .etsy-shop-image {width:100%;max-width:390px}
  .actions,.about-links {max-width:100%}
  h1,h2,h3,p {overflow-wrap:break-word}
}
@media (max-width:560px) {
  .hero-copy,.section,.etsy-shop,.contact,footer {padding-left:6%;padding-right:6%}
  .category-strip {padding-left:6%;padding-right:6%}
  .category-strip a {min-width:0;overflow-wrap:anywhere}
  .portfolio .work-grid {grid-template-columns:minmax(0,1fr);gap:28px}
  .portfolio .work-card,.portfolio .work-card .work-img {width:100%;max-width:100%}
  .filter {display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:100%}
  .filter button {white-space:normal}
  .etsy-shop-image {justify-self:center;max-width:min(100%,290px)}
  .hero .actions .btn {max-width:100%;white-space:normal;text-align:center}
  .commission-art,.night-art,.about-art {max-width:100%}
  .contact-page,.contact-panel {width:100%;max-width:100%;min-width:0}
  .contact-page {padding-left:6%;padding-right:6%}
}