/* Small tactile details layered over the main stylesheet. */
.process figure{position:relative;overflow:visible;padding:10px;background:#fffaf7;border:1px solid rgba(64,53,59,.12);border-radius:34px;box-shadow:0 16px 34px rgba(70,50,61,.14);transform:rotate(1deg);transition:transform .35s ease,box-shadow .35s ease;will-change:transform}
.process figure::before{content:'✦';position:absolute;right:-22px;top:-27px;z-index:2;color:#efb0bd;font:34px/1 Georgia,"Times New Roman",serif;transform:rotate(8deg);transition:transform .35s ease,opacity .35s ease}
.process figure img{border-radius:25px}.process figure:hover{transform:translateY(-8px) rotate(0deg) scale(1.015);box-shadow:0 27px 50px rgba(70,50,61,.22)}.process figure:hover::before{transform:translateY(-5px) rotate(24deg) scale(1.12);opacity:.92}

.work{position:relative;overflow:visible}.work::before{content:'✦';position:absolute;right:2%;top:8%;color:#c8b8e4;font:38px/1 Georgia,"Times New Roman",serif;transform:rotate(12deg);pointer-events:none}.work::after{content:'♡';position:absolute;left:1.5%;top:43%;color:#e8a8b8;font:34px/1 Georgia,"Times New Roman",serif;transform:rotate(-10deg);pointer-events:none}
.gallery{position:relative;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,3.2vw,48px) clamp(18px,2.8vw,40px);align-items:start;padding:34px 10px 54px}.gallery .art{position:relative;background:#fffaf7;padding:10px;border:1px solid rgba(64,53,59,.12);box-shadow:0 16px 34px rgba(70,50,61,.13);transition:transform .35s ease,box-shadow .35s ease;will-change:transform;z-index:1}.gallery .art img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.gallery .art:nth-child(1){grid-column:1 / span 6;transform:rotate(-1.35deg)}.gallery .art:nth-child(2){grid-column:8 / span 4;margin-top:72px;transform:rotate(1.7deg)}.gallery .art:nth-child(3){grid-column:2 / span 4;margin-top:12px;transform:rotate(.9deg)}.gallery .art:nth-child(4){grid-column:6 / span 7;margin-top:58px;transform:rotate(-1.1deg)}.gallery .art:nth-child(5){grid-column:1 / span 4;margin-top:48px;transform:rotate(-1.8deg)}.gallery .art:nth-child(6){grid-column:5 / span 4;margin-top:-8px;transform:rotate(1.35deg)}.gallery .art:nth-child(7){grid-column:9 / span 4;margin-top:78px;transform:rotate(-.8deg)}.gallery .art:nth-child(8){grid-column:3 / span 7;margin-top:32px;transform:rotate(.65deg)}.gallery .art:nth-child(3)::after{content:'tiny friend ↗';position:absolute;right:-28px;bottom:-27px;color:#8b7881;font:italic 14px/1 Georgia,"Times New Roman",serif;white-space:nowrap;transform:rotate(-5deg);pointer-events:none}.gallery .art:nth-child(4)::before{content:'✿';position:absolute;left:-31px;top:22%;color:#8fa980;font:31px/1 Georgia,"Times New Roman",serif;transform:rotate(-14deg);pointer-events:none}.gallery .art:nth-child(7)::after{content:'♡';position:absolute;right:-24px;top:-29px;color:#e8a8b8;font:30px/1 Georgia,"Times New Roman",serif;transform:rotate(10deg);pointer-events:none}.gallery .art:hover{transform:translateY(-9px) rotate(0deg) scale(1.018);box-shadow:0 28px 52px rgba(70,50,61,.22);z-index:5}

.lightbox-nav,.lightbox-counter{display:none}.lightbox.painting-gallery-open .lightbox-nav{display:grid;place-items:center;position:fixed;top:50%;width:52px;height:52px;margin-top:-26px;border:1px solid rgba(255,250,247,.42);border-radius:50%;background:rgba(64,53,59,.52);color:#fffaf7;font:38px/1 Georgia,"Times New Roman",serif;cursor:pointer;z-index:4;backdrop-filter:blur(7px);transition:transform .2s ease,background .2s ease}.lightbox.painting-gallery-open .lightbox-prev{left:clamp(12px,3vw,42px)}.lightbox.painting-gallery-open .lightbox-next{right:clamp(12px,3vw,42px)}.lightbox.painting-gallery-open .lightbox-nav:hover{transform:scale(1.08);background:rgba(64,53,59,.72)}.lightbox.painting-gallery-open .lightbox-counter{display:block;position:fixed;left:50%;bottom:clamp(14px,3vh,30px);transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(64,53,59,.58);color:#fffaf7;font:13px/1 Georgia,"Times New Roman",serif;letter-spacing:.08em;z-index:4;backdrop-filter:blur(7px)}

.print-stack{position:relative;min-height:620px;isolation:isolate;overflow:visible}.print-stack::before{content:'♡';position:absolute;right:2%;bottom:8%;color:#d98fa2;font:36px/1 Georgia,"Times New Roman",serif;transform:rotate(10deg);z-index:6;pointer-events:none;transition:transform .4s ease}.print-stack::after{content:'little worlds for your walls ♡';position:absolute;left:12%;bottom:-12px;color:#8b7881;font:italic 15px/1.1 Georgia,"Times New Roman",serif;transform:rotate(-3deg);white-space:nowrap;z-index:7;pointer-events:none}.print-stack .stack{width:55%;padding:12px 12px 18px;background:#fffaf7;border:1px solid rgba(64,53,59,.12);box-shadow:0 22px 45px rgba(70,50,61,.18);transform-origin:50% 80%;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;will-change:transform}.print-stack .stack img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.print-stack .s1{left:7%;top:16%;transform:rotate(-7deg);z-index:1}.print-stack .s2{right:4%;top:5%;transform:rotate(7deg);z-index:2}.print-stack .s3{left:25%;bottom:7%;transform:rotate(1.5deg);z-index:3}.print-stack .s2::before{content:'';position:absolute;width:74px;height:22px;left:50%;top:-9px;background:rgba(239,176,189,.66);border:1px solid rgba(180,120,137,.18);transform:translateX(-50%) rotate(-3deg);box-shadow:0 2px 4px rgba(70,50,61,.06);z-index:4;pointer-events:none}.print-stack:hover .s1{transform:translate(-26px,18px) rotate(-11deg)}.print-stack:hover .s2{transform:translate(30px,-15px) rotate(10deg)}.print-stack:hover .s3{transform:translateY(18px) rotate(.5deg)}.print-stack:hover::before{transform:translateY(-6px) rotate(-8deg) scale(1.12)}.print-stack .stack:hover{transform:translateY(-24px) rotate(0deg) scale(1.035);box-shadow:0 34px 62px rgba(70,50,61,.27);z-index:10}

.clay-stage{overflow:visible}.clay-blob,.clay-star{will-change:transform}.clay-stage .c1{animation:clayDriftOne 10s ease-in-out infinite}.clay-stage .c2{animation:clayDriftTwo 13s ease-in-out infinite}.clay-stage .c3{animation:clayDriftThree 11.5s ease-in-out infinite}.clay-stage .clay-star{animation:clayStarFloat 8.5s ease-in-out infinite}@keyframes clayDriftOne{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}28%{transform:translate3d(18px,-22px,0) rotate(-2deg)}58%{transform:translate3d(34px,8px,0) rotate(5deg)}78%{transform:translate3d(8px,20px,0) rotate(-1deg)}}@keyframes clayDriftTwo{0%,100%{transform:translate3d(0,0,0) rotate(9deg)}24%{transform:translate3d(-24px,15px,0) rotate(3deg)}54%{transform:translate3d(-38px,34px,0) rotate(-5deg)}80%{transform:translate3d(-8px,12px,0) rotate(6deg)}}@keyframes clayDriftThree{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}22%{transform:translate3d(-16px,-18px,0) rotate(4deg)}50%{transform:translate3d(20px,-30px,0) rotate(8deg)}76%{transform:translate3d(32px,6px,0) rotate(1deg)}}@keyframes clayStarFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(10px,-17px,0) rotate(16deg)}68%{transform:translate3d(-8px,9px,0) rotate(-10deg)}}

/* About portrait: make Shir feel as tactile and alive as the artwork. */
.portrait-wrap{position:relative;overflow:visible}.portrait-wrap::before{content:'✦';position:absolute;right:-18px;top:8%;color:#c8b8e4;font:34px/1 Georgia,"Times New Roman",serif;transform:rotate(10deg);transition:transform .45s ease;pointer-events:none;z-index:3}.portrait{position:relative;transform:rotate(-2.2deg);transform-origin:50% 80%;box-shadow:0 20px 45px rgba(70,50,61,.16);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;will-change:transform}.portrait::after{content:'';position:absolute;width:78px;height:23px;left:50%;top:-10px;background:rgba(239,176,189,.64);border:1px solid rgba(180,120,137,.16);transform:translateX(-50%) rotate(-3deg);box-shadow:0 2px 4px rgba(70,50,61,.06);pointer-events:none}.portrait-wrap:hover .portrait{transform:translate3d(0,-16px,0) rotate(.7deg) scale(1.025);box-shadow:0 34px 65px rgba(70,50,61,.25)}.portrait-wrap:hover::before{transform:translate3d(5px,-9px,0) rotate(-14deg) scale(1.15)}.portrait-wrap>span{transition:transform .4s ease,color .4s ease}.portrait-wrap:hover>span{transform:translate3d(10px,-3px,0) rotate(-1deg);color:#b86579}

/* Contact flower: a playful little reward at the end of the page. */
.contact-flower{display:inline-block;transform-origin:50% 50%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease;will-change:transform;cursor:default}.contact-flower:hover{transform:rotate(360deg) scale(1.55);filter:drop-shadow(0 8px 10px rgba(184,101,121,.22))}

/* Hero art: make the strawberry gnome feel like the site's magical centerpiece. */
.hero-art{isolation:isolate}
.hero-art::before{content:'';position:absolute;inset:9% 4% 15% 5%;z-index:-1;border-radius:47% 53% 55% 45%/44% 46% 54% 56%;background:radial-gradient(circle at 38% 38%,rgba(248,220,227,.95) 0 33%,rgba(207,198,232,.72) 58%,rgba(223,234,215,.35) 76%,transparent 78%);filter:blur(4px);transform:rotate(-5deg) scale(.96);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.hero-frame{transform:rotate(1.2deg);transform-origin:50% 80%;box-shadow:0 30px 70px rgba(75,54,65,.22),0 8px 18px rgba(75,54,65,.12);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;will-change:transform}
.hero-art .doodle{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease;will-change:transform}
.hero-art:hover::before{transform:translate3d(0,-6px,0) rotate(2deg) scale(1.04);filter:blur(1px)}
.hero-art:hover .hero-frame{transform:translate3d(0,-16px,0) rotate(0deg) scale(1.027);box-shadow:0 46px 95px rgba(75,54,65,.3),0 16px 30px rgba(75,54,65,.14)}
.hero-art:hover .d1{transform:translate3d(-10px,-10px,0) rotate(-20deg) scale(1.15)}
.hero-art:hover .d2{transform:translate3d(10px,-8px,0) rotate(18deg) scale(1.12)}
.hero-art:hover .d3{transform:translate3d(12px,8px,0) rotate(-15deg) scale(1.14)}
.hero-art .scribble{transition:transform .45s ease,color .35s ease}.hero-art:hover .scribble{transform:translate3d(4px,-3px,0) rotate(-2deg);color:#b86579}

@media(max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;padding-inline:8px}.gallery .art:nth-child(n){grid-column:auto;margin-top:0}.gallery .art:nth-child(even){margin-top:54px}.gallery .art:nth-child(1){transform:rotate(-1deg)}.gallery .art:nth-child(2){transform:rotate(1.3deg)}.gallery .art:nth-child(3){transform:rotate(.7deg)}.gallery .art:nth-child(4){transform:rotate(-.9deg)}.gallery .art:nth-child(5){transform:rotate(-1.2deg)}.gallery .art:nth-child(6){transform:rotate(1deg)}.gallery .art:nth-child(7){transform:rotate(-.6deg)}.gallery .art:nth-child(8){transform:rotate(.5deg)}.gallery .art:hover{transform:translateY(-7px) rotate(0deg) scale(1.012)}.work::before,.work::after{display:none}.print-stack{min-height:540px}.print-stack .stack{width:58%}}
@media(max-width:650px){.process figure::before{right:-8px;top:-24px}.gallery{grid-template-columns:1fr;gap:34px;padding:20px 4px 40px}.gallery .art:nth-child(n){width:92%;margin:0 auto}.gallery .art:nth-child(even){margin-left:3%;margin-right:auto}.gallery .art:nth-child(odd){margin-left:auto;margin-right:2%}.gallery .art:nth-child(3)::after{right:-7px;bottom:-24px}.gallery .art:nth-child(4)::before{left:-13px}.gallery .art:nth-child(7)::after{right:-8px}.print-stack{min-height:470px;margin-top:20px}.print-stack .stack{width:62%;padding:8px 8px 12px}.print-stack .s1{left:2%;top:18%}.print-stack .s2{right:1%;top:6%}.print-stack .s3{left:20%;bottom:11%}.print-stack:hover .s1{transform:translate(-8px,8px) rotate(-9deg)}.print-stack:hover .s2{transform:translate(8px,-7px) rotate(9deg)}.print-stack:hover .s3{transform:translateY(8px) rotate(.5deg)}.print-stack::after{left:7%;bottom:1px;font-size:13px}.print-stack::before{right:3%;bottom:9%;font-size:30px}.lightbox.painting-gallery-open .lightbox-nav{width:44px;height:44px;margin-top:-22px;font-size:32px}.lightbox.painting-gallery-open .lightbox-prev{left:8px}.lightbox.painting-gallery-open .lightbox-next{right:8px}.portrait-wrap::before{right:2px}.portrait-wrap:hover .portrait{transform:translate3d(0,-9px,0) rotate(.4deg) scale(1.015)}.hero-art:hover .hero-frame{transform:translate3d(0,-9px,0) rotate(0deg) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.process figure,.process figure::before,.gallery .art,.print-stack .stack,.print-stack::before,.portrait,.portrait-wrap::before,.portrait-wrap>span,.contact-flower,.hero-frame,.hero-art::before,.hero-art .doodle,.hero-art .scribble{transition:none}.clay-stage .c1,.clay-stage .c2,.clay-stage .c3,.clay-stage .clay-star{animation:none}.portrait-wrap:hover .portrait{transform:rotate(-2.2deg)}.contact-flower:hover{transform:none}.hero-art:hover .hero-frame{transform:rotate(1.2deg)}.hero-art:hover .doodle,.hero-art:hover .scribble{transform:none}}