@font-face{font-family:Anton;src:url('assets/Anton-Regular.ttf') format('truetype');font-display:swap} @font-face{font-family:Poppins;src:url('assets/Poppins-Regular.otf') format('opentype');font-display:swap}
:root{--blue:#2251a2;--deep:#153d83;--pink:#ea67b2;--pinklight:#f4d8e9;--paper:#f8f5ef;--ink:#183b76;--line:rgba(34,81,162,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--blue);font-family:Poppins,Arial,sans-serif}button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:Anton,Impact,sans-serif;font-weight:400}::selection{background:var(--pink);color:var(--deep)}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.skip-link{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:50}.skip-link:focus{top:12px}.site-header{height:88px;padding:0 clamp(22px,4vw,74px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{text-decoration:none;font-size:27px;line-height:.92;letter-spacing:-.018em;white-space:nowrap}.wordmark span{color:var(--pink)}.wordmark .wordmark-dot{color:var(--blue)}.wordmark small{display:block;font:8px Poppins,Arial,sans-serif;letter-spacing:.17em;margin-top:7px}.desktop-nav{display:flex;gap:clamp(16px,2.4vw,42px);font-size:12px}.desktop-nav a{text-decoration:none}.desktop-nav a:hover,.text-link:hover,.contact-bottom a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{border:1px solid var(--blue);border-radius:100px;padding:11px 18px;text-decoration:none;font-size:11px;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--blue);color:#fff}.header-cta span{margin-left:9px}.hero{background:var(--pinklight);min-height:660px;display:grid;grid-template-columns:56% 44%;position:relative;overflow:hidden}.hero-copy{padding:clamp(50px,6vw,95px) 4vw 100px clamp(24px,6.2vw,116px);position:relative;z-index:2}.eyebrow,.section-kicker,.hero-bottom,.service-number,.visual-kicker,.visual-footer,.skills-label,.contact-top,.contact-bottom,.dialog-kicker,.dialog-index{font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.asterisk{font-size:25px;color:var(--pink);line-height:0}.hero h1{font-size:clamp(64px,6.85vw,127px);line-height:.95;letter-spacing:-.035em;margin:38px -13vw 29px 0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--pink)}.hero-lede{font-size:clamp(15px,1.28vw,20px);line-height:1.6;max-width:570px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.button{border-radius:100px;padding:16px 24px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--deep)}.text-link{font-size:12px;font-weight:700;text-decoration:none}.text-link span{margin-left:8px}.hero-note{font-size:10px;line-height:1.7;margin-top:53px;max-width:390px;text-transform:uppercase;letter-spacing:.04em}.hero-note span{display:block}.hero-art{position:relative;min-height:630px;padding:44px clamp(32px,5vw,78px) 48px 20px;display:flex;align-items:stretch}.hero-frame{width:100%;max-width:610px;overflow:hidden;border-radius:51% 51% 2px 2px;position:relative;z-index:1;filter:contrast(.96) saturate(.93)}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:52% 42%}.hero-circle{position:absolute;border-radius:50%;width:65%;aspect-ratio:1;background:#f0a8d0;right:-27%;top:-20%;z-index:0}.art-sticker{position:absolute;z-index:2;font:clamp(15px,1.5vw,22px)/1.08 Anton,Impact,sans-serif;letter-spacing:.02em;padding:20px 23px}.art-sticker-top{right:1.5%;top:16%;color:#fff;transform:rotate(9deg)}.art-sticker-bottom{left:-14%;bottom:10%;color:var(--blue);transform:rotate(-9deg)}.art-sticker span{color:var(--pink)}.hero-bottom{position:absolute;bottom:22px;left:clamp(24px,6.2vw,116px);right:clamp(22px,4vw,74px);display:flex;justify-content:space-between;z-index:2}.section-pad{padding:90px clamp(24px,6.2vw,116px)}.section-kicker{display:flex;align-items:center;gap:18px}.section-rule{height:1px;background:currentColor;opacity:.35;flex:1}.approach{background:var(--paper)}.approach-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7vw;margin:55px 0 60px}.approach h2,.work h2{font-size:clamp(60px,8.4vw,150px);line-height:.91;letter-spacing:-.03em}.approach h2 span,.work h2 span{color:var(--pink)}.approach-head p{max-width:570px;font-size:clamp(15px,1.45vw,20px);line-height:1.68;padding-bottom:5px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{min-height:310px;padding:25px 23px 30px 0;position:relative;border-right:1px solid var(--line)}.service:not(:first-child){padding-left:24px}.service:last-child{border-right:0}.service-number{color:var(--pink)}.service h3{font-size:clamp(29px,3.2vw,57px);line-height:1.03;margin:36px 0 14px}.service p{font-size:12px;line-height:1.8;max-width:280px}.skills-strip{margin-top:48px;display:grid;grid-template-columns:190px 1fr;align-items:start;gap:30px}.skills-label{padding-top:5px}.skills-strip div{font-size:14px;line-height:2.2}.skills-strip b{color:var(--pink);font-weight:400;margin:0 10px}.work{background:#f6e1ed}.work-head{display:flex;align-items:center;justify-content:space-between;margin:54px 0 34px}.work h2{font-size:clamp(59px,7vw,120px)}.work-head p{font-size:14px;line-height:1.7;margin-top:25px;max-width:590px}.work-flower{font-size:clamp(90px,17vw,280px);line-height:1;color:var(--pink);margin-left:20px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filter{background:transparent;border:1px solid rgba(34,81,162,.4);color:var(--blue);border-radius:50px;padding:10px 16px;font-size:11px;font-weight:700;transition:background .2s,color .2s}.filter:hover,.filter.active{background:var(--blue);color:#fff}.filter span{margin-left:8px;opacity:.65}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:0;background:#fff;text-align:left;color:var(--blue);padding:0;min-width:0;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 13px 25px #173d7922}.project-card[hidden]{display:none}.project-visual{height:clamp(235px,25vw,390px);position:relative;display:flex;flex-direction:column;overflow:hidden;padding:21px}.visual-kicker,.visual-footer{position:relative;z-index:2}.visual-footer{margin-top:auto}.visual-title{font:clamp(47px,5.2vw,90px)/.95 Anton,Impact,sans-serif;letter-spacing:-.02em;margin:auto 0;position:relative;z-index:1}.visual-title i{font-style:normal}.project-meta{padding:18px 20px 21px;display:flex;align-items:start;justify-content:space-between;gap:12px;min-height:90px}.project-meta strong{display:block;font-size:15px}.project-meta small{display:block;font-size:11px;line-height:1.5;margin-top:4px}.project-open{font-size:24px;line-height:1}.project-h4f .project-visual{background:#203eaa;color:#e9fe7b}.project-h4f .visual-title{font-size:clamp(47px,5.1vw,88px)}.project-h4f .visual-title i{color:#fff}.visual-sun{position:absolute;right:-17%;top:-65%;font:130px Poppins,sans-serif;opacity:.56}.project-jolates .project-visual{background:#d8d2bf;color:#622b3c}.jolates-mark{position:absolute;font:clamp(110px,17vw,270px)/1 Anton,sans-serif;top:-42px;right:-5px;opacity:.14;letter-spacing:-.15em}.jolates-mark span{color:#fff}.jolates-squiggle{display:block;font:65px Poppins,sans-serif;margin-left:38%;line-height:.4}.project-lume .project-visual{background:#24304b;color:#f4d8a8}.project-lume .visual-title{font-size:clamp(69px,8vw,140px)}.project-lume .visual-title i{color:#fef8ea}.lume-orbit{border:1px solid #f4d8a8;border-radius:50%;position:absolute;width:70%;aspect-ratio:1;right:-25%;bottom:-30%;box-shadow:0 0 0 35px #f4d8a822,0 0 0 72px #f4d8a811}.project-coroncina .project-visual{background:#405948;color:#f9e6b6}.project-coroncina .visual-title i{color:#fdfbf1}.coroncina-flower{position:absolute;font:260px Poppins,sans-serif;color:#a6b89b;right:-50px;top:30px;opacity:.7}.project-anna .project-visual{background:#db5d82;color:#3a2345}.project-anna .visual-title i{color:#fff3e7}.anna-star{position:absolute;font:190px Poppins,sans-serif;right:-22px;top:-35px;opacity:.35}.project-marilena .project-visual{background:#ede5dd;color:#503d40}.project-marilena .visual-title i{color:#aa7471}.marilena-frame{position:absolute;border:2px solid currentColor;right:7%;top:15%;bottom:14%;width:34%;border-radius:50% 50% 2px 2px;opacity:.35}.empty-state{padding:30px 0}.contact{background:var(--blue);color:#fff;padding:42px clamp(24px,6.2vw,116px) 24px}.contact-top,.contact-bottom{display:flex;justify-content:space-between;gap:20px}.contact-main{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:66px 0 89px}.contact h2{font-size:clamp(68px,8.6vw,152px);line-height:.94;letter-spacing:-.03em}.contact h2 em{color:#f4a7d2}.contact-main p{font-size:14px;line-height:1.7;max-width:420px;margin:25px 0}.button-light{background:#fff;color:var(--blue)}.button-light:hover{background:#f4c0e0}.contact-email{font-size:clamp(15px,1.5vw,24px);text-decoration:none;border-bottom:1px solid #fff;padding-bottom:8px;margin-bottom:10px;word-break:break-word}.contact-email span{white-space:nowrap}.contact-bottom{border-top:1px solid #ffffff66;padding-top:24px;align-items:center}.contact-bottom div{display:flex;gap:22px}.contact-bottom a{text-decoration:none}.project-dialog{padding:0;border:0;background:var(--paper);color:var(--blue);width:min(920px,calc(100% - 30px));max-height:min(92vh,950px);box-shadow:0 25px 80px #0718387a}.project-dialog::backdrop{background:#122750b8;backdrop-filter:blur(5px)}.dialog-wrap{display:grid;grid-template-columns:36% 64%;position:relative}.dialog-close{position:absolute;right:15px;top:12px;z-index:5;background:#fff;border:1px solid var(--blue);color:var(--blue);font:30px/1 Poppins,sans-serif;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.dialog-visual{background:var(--pink);min-height:540px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:var(--blue)}.dialog-monogram{font:clamp(70px,10vw,145px)/.85 Anton,sans-serif;letter-spacing:-.04em;position:relative;z-index:1;overflow-wrap:anywhere}.dialog-decoration{font:260px Poppins,sans-serif;position:absolute;bottom:-110px;right:-90px;color:#ffffff80}.dialog-content{padding:60px 48px 42px;overflow-y:auto}.dialog-kicker{color:#b14088}.dialog-content h2{font-size:clamp(48px,5vw,80px);line-height:1.02;margin:20px 0}.dialog-intro{font-size:16px;line-height:1.65}.dialog-divider{height:1px;background:var(--line);margin:30px 0}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.dialog-columns h3{font-size:24px;margin-bottom:12px}.dialog-columns p{font-size:12px;line-height:1.7}.dialog-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.dialog-tags span{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 10px}.dialog-contact{display:inline-block;font-size:12px;font-weight:700;margin-top:30px;text-underline-offset:5px}
@media(max-width:1100px){.hero{grid-template-columns:56% 44%}.hero h1{font-size:clamp(60px,7vw,92px)}.hero-art{min-height:600px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-visual{height:340px}.visual-title,.project-h4f .visual-title{font-size:70px}.services{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.service:nth-child(3){padding-left:0}}@media(max-width:760px){.site-header{height:72px;padding:0 20px}.wordmark{font-size:21px}.wordmark small{font-size:7px}.desktop-nav{display:none}.header-cta{padding:10px 12px;font-size:10px}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 22px 42px}.hero h1{font-size:clamp(55px,11.6vw,91px);margin:27px 0 23px}.hero-lede{font-size:16px}.hero-actions{gap:20px}.hero-note{margin-top:34px}.hero-art{padding:0 46px 72px 46px;min-height:0;height:510px}.hero-frame{max-width:none}.hero-frame img{object-position:52% 42%}.art-sticker-top{right:12px;top:12%;font-size:16px}.art-sticker-bottom{left:16px;bottom:15%;font-size:16px}.hero-bottom{left:22px;right:22px;bottom:20px;font-size:8px}.section-pad{padding:70px 22px}.section-kicker{font-size:8px;gap:10px}.approach-head{display:block;margin:43px 0}.approach h2,.work h2{font-size:clamp(65px,12vw,100px)}.approach-head p{margin-top:28px;font-size:16px}.service{min-height:275px}.service h3{font-size:clamp(29px,6vw,45px)}.skills-strip{grid-template-columns:1fr;gap:8px}.skills-strip div{font-size:13px}.work-head{margin:43px 0 30px}.work h2{font-size:clamp(58px,10vw,89px)}.work-flower{display:none}.project-grid{gap:14px}.project-visual{height:280px}.visual-title,.project-h4f .visual-title{font-size:clamp(42px,7vw,65px)}.project-lume .visual-title{font-size:clamp(65px,10vw,100px)}.project-meta{padding:14px;min-height:90px}.project-meta strong{font-size:13px}.project-meta small{font-size:10px}.contact{padding:35px 22px 24px}.contact-main{display:block;padding:55px 0 60px}.contact h2{font-size:clamp(61px,11vw,100px)}.contact-email{display:inline-block;margin-top:48px}.contact-bottom{flex-wrap:wrap;font-size:9px}.dialog-wrap{display:block}.dialog-visual{min-height:200px}.dialog-monogram{font-size:70px}.dialog-decoration{font-size:160px;bottom:-70px}.dialog-content{padding:30px 25px 40px}.dialog-content h2{font-size:54px}.dialog-close{top:10px;right:10px}}@media(max-width:510px){.hero h1{font-size:clamp(50px,11.5vw,65px)}.hero-art{height:400px;padding:0 32px 62px}.art-sticker-top{font-size:13px;padding:14px;right:4px}.art-sticker-bottom{font-size:13px;padding:14px;left:8px}.hero-bottom span:last-child{display:none}.services{grid-template-columns:1fr}.service,.service:not(:first-child),.service:nth-child(3){min-height:210px;border-right:0;border-bottom:1px solid var(--line);padding:20px 34px 25px 0}.service:last-child{border-bottom:0}.service h3{margin:20px 0 8px;font-size:39px}.service p{font-size:11px;max-width:320px}.work h2{font-size:clamp(53px,11vw,67px)}.project-grid{grid-template-columns:1fr}.project-visual{height:315px}.visual-title,.project-h4f .visual-title{font-size:70px}.project-lume .visual-title{font-size:100px}.project-meta{min-height:80px}.contact h2{font-size:clamp(55px,11vw,68px)}.dialog-columns{grid-template-columns:1fr;gap:22px}.dialog-content h2{font-size:46px}.dialog-intro{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Portfolio imagery */
.project-visual .visual-footer{line-height:1.45}
.project-dialog{width:min(1100px,calc(100% - 30px))}
.dialog-wrap{grid-template-columns:52% 48%}
.dialog-media{min-width:0;background:#f7f5f1}
.dialog-visual[hidden],.dialog-gallery[hidden],.gallery-thumbs[hidden],.gallery-nav[hidden]{display:none}
.dialog-gallery{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px 24px;gap:14px}
.gallery-stage{position:relative;width:100%;aspect-ratio:1366 / 768;overflow:hidden}
.gallery-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 2px 12px #152b5440;font-size:22px;line-height:1}
.gallery-previous{left:8px}.gallery-next{right:8px}
.gallery-caption{font-size:12px;line-height:1.4;color:var(--blue)}
.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px}
.gallery-thumbs button{flex:none;width:86px;height:55px;border:2px solid transparent;background:#fff;padding:0}
.gallery-thumbs button[aria-current="true"]{border-color:var(--blue)}
.gallery-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.dialog-wrap{display:block}.dialog-gallery{padding:18px 16px;gap:10px}.gallery-thumbs button{width:70px;height:46px}.dialog-media .dialog-visual{min-height:200px}}

/* Coordinated graphic covers for the project collection */
.project-bites .project-visual{background:#f6ca66;color:#df6373}
.project-bites .visual-title span{color:#138ca5}
.project-alessandra .project-visual{background:#f3e7df;color:#292929}
.project-alessandra .visual-title{font-size:clamp(32px,3vw,55px)}
.project-alessandra .visual-title i{color:#8d5f63}
.project-siusiu .project-visual{background:#e9e9e5;color:#161616}
.project-siusiu .visual-title{font-size:clamp(65px,7vw,120px)}
.project-siusiu .visual-title i{font-style:normal;color:#55775e}
@media(max-width:760px){.project-alessandra .visual-title{font-size:clamp(35px,6vw,50px)}.project-siusiu .visual-title{font-size:clamp(65px,10vw,95px)}}

/* Project palette and graphic accents */
.project-h4f .project-visual{background:#17364d;color:#ffe16b}
.project-h4f .visual-title i,.project-h4f .visual-kicker,.project-h4f .visual-footer{color:#fff}
.project-h4f .visual-sun{color:#ffe16b;opacity:.38}
.project-jolates .project-visual{background:#688d82;color:#fff8e9}
.project-jolates .jolates-mark{color:#b7d0c3;opacity:.34}
.project-jolates .jolates-mark span,.project-jolates .jolates-squiggle{color:#fff8e9}
.project-lume .project-visual{background:#fff;color:#d04f94}
.project-lume .visual-title i{color:#ec732d}
.project-lume .visual-kicker,.project-lume .visual-footer{color:#92315f}
.project-lume .lume-orbit{border-color:#ec732d;box-shadow:0 0 0 35px #ec732d1c,0 0 0 72px #d04f9414}
.project-anna .project-visual{background:#f6bfc4;color:#c71d34}
.project-anna .visual-title i{color:#2d6ba6}
.project-anna .anna-star{color:#2d6ba6;opacity:.26}
.project-anna .visual-kicker,.project-anna .visual-footer{color:#8d223c}
.project-marilena .project-visual{background:#f5d94f;color:#171717}
.project-marilena .visual-title i{color:#fff;text-shadow:2px 2px 0 #171717,-1px -1px 0 #171717}
.project-marilena .marilena-frame{color:#171717;opacity:.3}
.project-bites .project-visual{background:#398fac;color:#ffeaa0}
.project-bites .visual-title span{color:#fff3bd}
.project-bites .visual-kicker,.project-bites .visual-footer{color:#163d52}
.bites-shapes{position:absolute;right:-42px;top:11%;width:58%;aspect-ratio:1;border:24px solid #ffeaa0;border-radius:45%;transform:rotate(-22deg);opacity:.65}
.bites-shapes::after{content:"";position:absolute;left:-44%;bottom:-38%;width:26%;aspect-ratio:1;border-radius:50%;background:#fff3bd}
.alessandra-mark{position:absolute;right:-8%;top:4%;font:clamp(180px,20vw,330px)/1 Georgia,serif;color:#292929;opacity:.1;transform:rotate(-12deg)}
.project-siusiu .project-visual{background:#c83b8e;color:#fff}
.project-siusiu .visual-title i{color:#171717}
.project-siusiu .visual-kicker,.project-siusiu .visual-footer{color:#fff}
.siusiu-ring{position:absolute;right:-16%;top:10%;width:72%;aspect-ratio:1;border:25px solid #fff;border-radius:50%;opacity:.2}

/* Palette refinements from Irene's review */
.project-lume .project-visual{background:#ffe1cc}
.project-marilena .visual-title i{text-shadow:none}
.project-bites .project-visual{background:#2c95ad;color:#ffda79}
.project-bites .visual-title span{color:#f07175}
.project-bites .visual-kicker,.project-bites .visual-footer{color:#123d4c}
.project-bites .bites-shapes{border-color:#f07175;opacity:.78}
.project-bites .bites-shapes::after{background:#78bbb1}

/* Subtle motion for the introduction and project cards */
@keyframes intro-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-frame{animation:intro-rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:.08s}
.hero-lede{animation-delay:.18s}
.hero-actions{animation-delay:.28s}
.hero-frame{animation-delay:.15s}
.project-card.motion-ready{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease}
.project-card.motion-ready.is-visible{opacity:1;transform:translateY(0)}
.project-card.motion-ready.is-visible:hover{transform:translateY(-5px)}
.project-card .visual-title{transition:transform .35s ease}
.project-card:hover .visual-title{transform:translateY(-4px)}
.button span,.header-cta span{display:inline-block;transition:transform .25s ease}
.button:hover span,.header-cta:hover span{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero h1,.hero-lede,.hero-actions,.hero-frame{animation:none!important}.project-card.motion-ready{opacity:1;transform:none}}

/* Cursor-follow labels and the star-to-smile motif */
.sticker-follow{display:block;pointer-events:none;transform:translate3d(var(--follow-x,0px),var(--follow-y,0px),0);transition:transform .17s ease-out;will-change:transform}
.art-sticker{cursor:default;font-size:clamp(17px,1.8vw,25px)}
.art-sticker .sticker-follow{color:inherit}
.art-sticker .sticker-follow>span{color:var(--pink)}
@media(max-width:760px){.art-sticker{font-size:18px}}
@media(max-width:510px){.art-sticker{font-size:15px}}
.work-flower.morph-mark{display:block;width:clamp(150px,17vw,280px);height:auto;aspect-ratio:1;flex:none;margin-left:20px}
.footer-morph.morph-mark{display:block;width:clamp(150px,18vw,260px);height:auto;aspect-ratio:1;flex:none;align-self:flex-start;font-size:clamp(100px,14vw,180px);line-height:1;color:#8dc8ff}
.morph-mark.morph-ready{font-size:0}
.morph-mark svg{display:block;width:100%;height:100%;overflow:visible}
.morph-to-smile{--ray-color:#ea67b2;--smile-color:#2251a2}
.morph-to-star{--ray-color:#f4a7d2;--smile-color:#8dc8ff}
.morph-ray{fill:none;stroke:var(--ray-color);stroke-width:12;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:0}
.morph-dot{fill:var(--ray-color)}
.morph-smile{fill:none;stroke:var(--smile-color);stroke-width:12;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240}
.morph-to-star .morph-ray{stroke-dashoffset:80;opacity:0}
.morph-to-star .morph-dot{opacity:0}
.morph-to-star .morph-smile{stroke-dashoffset:0}
@keyframes ray-out{to{stroke-dashoffset:80;opacity:0}}
@keyframes ray-in{to{stroke-dashoffset:0;opacity:1}}
@keyframes dot-out{to{opacity:0;transform:scale(.2)}}
@keyframes dot-in{to{opacity:1;transform:scale(1)}}
@keyframes smile-in{to{stroke-dashoffset:0}}
@keyframes smile-out{to{stroke-dashoffset:240}}
.morph-dot{transform-origin:120px 120px}
.morph-to-smile.is-morphing .morph-ray{animation:ray-out .24s ease-in var(--delay) forwards}
.morph-to-smile.is-morphing .morph-dot{animation:dot-out .18s ease-in .93s forwards}
.morph-to-smile.is-morphing .morph-smile{animation:smile-in .65s ease-out 1.04s forwards}
.morph-to-star.is-morphing .morph-smile{animation:smile-out .45s ease-in forwards}
.morph-to-star.is-morphing .morph-dot{animation:dot-in .18s ease-out .52s forwards}
.morph-to-star.is-morphing .morph-ray{animation:ray-in .22s ease-out calc(.68s + var(--delay)) forwards}
@keyframes morph-hover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(4deg)}}
.morph-mark.is-settled:hover svg{animation:morph-hover 1.6s ease-in-out infinite}
@media(max-width:760px){.work-head{display:block}.work-flower.morph-mark{display:block;width:120px;margin:18px 0 0 auto}.footer-morph.morph-mark{width:140px;margin:12px 0 0 auto}}
@media(prefers-reduced-motion:reduce){.sticker-follow{transform:none!important;transition:none!important}.morph-mark *{animation:none!important}.morph-to-smile .morph-ray,.morph-to-smile .morph-dot{opacity:0}.morph-to-smile .morph-smile{stroke-dashoffset:0}.morph-to-star .morph-ray,.morph-to-star .morph-dot{opacity:1;stroke-dashoffset:0}.morph-to-star .morph-smile{stroke-dashoffset:240}}