/* Original mural artwork and a little Miami mischief. */
:root{--pink:#ff2797;--teal:#00cbd1;--yellow:#ffe329;--coral:#ff7835}
body{background:#fff8df;overflow-x:clip}
html{overflow-x:clip}
.paint-playground{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.paint-spotlight{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .25s}
.paint-spotlight:before{content:'';position:absolute;width:340px;height:340px;left:-170px;top:-170px;background:radial-gradient(circle,#ffe32966 0,#ff27972b 35%,transparent 70%);mix-blend-mode:screen;border-radius:50%}
.paint-playground.is-active .paint-spotlight{opacity:1}
.paint-fleck{position:absolute;border-radius:45% 55% 62% 38%;box-shadow:0 1px 0 #12121033;will-change:transform,opacity}

.site-header{background:#fff;border-bottom:3px solid var(--ink)}
.brand-dot{color:#c40068}
.home-hero{width:100%;padding-inline:max(42px,calc((100vw - 1320px)/2));border-bottom:3px solid var(--ink)}
.home-hero .mural-backdrop{object-position:center;filter:saturate(1.12)}
.home-hero .hero-grid{padding-block:55px 45px}
.home-hero .hero-copy h1{font-size:clamp(4rem,9.8vw,9.5rem)}
.home-hero .hero-note{background:var(--yellow)}
.hero-topline,.hero-bottom{z-index:2;position:relative}
.hero-bottom{background:#fff9e9}
.discipline-strip{margin-top:0;background:var(--pink);color:var(--ink);border-block:3px solid var(--ink);transform:rotate(-1deg);position:relative;z-index:3}
.discipline-strip span{display:inline-block;color:var(--ink);animation:mural-spin 16s linear infinite}
.work-section,.portfolio-hub{position:relative;isolation:isolate}
.section-heading{position:relative;z-index:1}
.section-heading em,.portfolio-hub-heading h1 em{background:var(--yellow);padding-inline:.08em}
.collection-directory-card{border:2px solid var(--ink)}
.collection-directory-image{background-image:url('/media/gallery/wynwood-drip-party.webp');background-blend-mode:normal}
.collection-directory-card:nth-child(even) .collection-directory-image{background-image:url('/media/gallery/wynwood-color-explosion.webp')}
.collection-directory-image:before{opacity:0}
.collection-directory-image>span{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.collection-directory-copy{background:#fff9e9;border-top:3px solid var(--ink)}
.collection-directory-copy>p{display:inline-block;background:var(--collection-accent);padding:4px 8px;border:1px solid var(--ink)}
.collection-directory-copy>div>span{background:var(--collection-accent);border:2px solid var(--ink);border-radius:50%;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;line-height:1;transition:rotate .3s}
.collection-directory-card:hover .collection-directory-copy>div>span{rotate:90deg}
.about-section{background:var(--teal);border-block:3px solid var(--ink);overflow:clip}
.about-section:before{background-image:url('/media/gallery/wynwood-drip-party.webp');opacity:1;inset:0 56% 0 0}
.about-copy{position:relative;background:#fff9e9;padding:35px;box-shadow:8px 9px 0 var(--ink);border:2px solid var(--ink)}
.about-portrait{z-index:1}
.portrait-tag{background:var(--pink)}
.contact-wall{background-image:url('/media/gallery/wynwood-drip-party.webp');padding-block:110px;overflow:clip}
.contact-inner{position:relative;z-index:1;border:2px solid var(--ink);background:var(--yellow)}
.contact-wall h2 span{color:var(--ink);background:var(--pink);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-inline:.08em}
.site-footer{background:var(--pink);border-top:3px solid var(--ink);position:relative;isolation:isolate;overflow:clip}
.collection-cover:before{background:var(--collection-accent) url('/media/gallery/wynwood-color-explosion.webp') center/cover}
.collection-cover-sticker{background:var(--yellow)}
.collection-disciplines li:nth-child(3n+1){background:var(--yellow)}
.collection-disciplines li:nth-child(3n+2){background:var(--teal)}
.collection-disciplines li:nth-child(3n){background:#ffb8dd}
.collection-next{position:relative;isolation:isolate;overflow:clip;background:var(--collection-accent);border-block-width:3px}
.collection-nav{background:var(--yellow)}
.collection-breadcrumb{color:var(--ink)}
.mural-doodle{position:absolute;pointer-events:none;user-select:none;z-index:0;width:95px;height:95px;overflow:visible;color:var(--yellow);filter:drop-shadow(3px 4px 0 #121210);animation:mural-float 5s ease-in-out infinite alternate}
.mural-doodle svg{display:block;width:100%;height:100%;overflow:visible}
.doodle-star{right:5%;top:23%;width:115px;height:115px;animation:mural-spin 24s linear infinite;color:var(--yellow)}
.doodle-smile{right:11%;bottom:24%;width:83px;height:83px;color:var(--pink);animation-delay:-2s}
.doodle-squiggle{right:2%;top:10%;width:105px;height:65px;color:var(--pink);animation-delay:-1s;filter:none}
.work-section>.mural-doodle{right:0;top:75px;width:68px;height:68px;color:var(--pink)}
.about-section>.mural-doodle{left:2%;bottom:10px;color:var(--yellow);z-index:2;width:78px;height:78px}
.contact-wall>.mural-doodle{right:3%;top:16px;width:80px;height:80px}
.collection-cover>.mural-doodle{left:-6%;bottom:4%;z-index:3;width:70px;height:70px}
.collection-next>.mural-doodle{right:3%;top:10px;width:65px;height:65px;color:var(--pink)}
.site-footer>.mural-doodle{right:35%;top:15px;width:65px;height:65px;color:var(--yellow)}
.paint-drips{position:absolute;inset:0 4% auto auto;width:180px;height:70px;display:flex;justify-content:space-around;pointer-events:none;z-index:1}
.paint-drips i{display:block;width:11px;height:45px;background:var(--pink);border-radius:0 0 12px 12px;transform-origin:top;animation:paint-stretch 5s ease-in-out infinite alternate}
.paint-drips i:nth-child(2){height:65px;background:var(--yellow);animation-delay:-2s}
.paint-drips i:nth-child(3){height:28px;background:var(--teal);animation-delay:-3s}
.paint-drips i:nth-child(4){height:52px;animation-delay:-1s}
.motion-toggle{position:fixed;bottom:14px;right:14px;z-index:25;min-height:38px;background:var(--ink);color:#fff9e9;border:2px solid var(--yellow);border-radius:30px;padding:8px 13px;font-size:.72rem;box-shadow:2px 3px 0 #12121044}
.motion-paused .mural-doodle,.motion-paused .paint-drips i,.motion-paused .discipline-strip span{animation-play-state:paused}
.motion-paused *{scroll-behavior:auto!important;transition:none!important}
.motion-paused .mural-backdrop,.motion-paused .collection-directory-image>img{transform:none!important}
@keyframes mural-spin{to{transform:rotate(360deg)}}
@keyframes mural-float{from{transform:translateY(-6px) rotate(-9deg)}to{transform:translateY(8px) rotate(9deg)}}
@keyframes paint-stretch{from{transform:scaleY(.7)}to{transform:scaleY(1)}}
@media(min-width:1500px){.doodle-star{right:10%}.doodle-smile{right:18%}}
@media(max-width:760px){.home-hero{padding-inline:28px}.home-hero .hero-grid{padding-block:36px}.doodle-star{width:60px;height:60px;right:5%;top:37%}.home-hero>.doodle-smile{display:none}.doodle-squiggle{top:12%;width:65px}.about-copy{padding:25px}.about-section:before{inset:0;opacity:.35}.work-section>.mural-doodle{top:12px;width:45px;height:45px}.site-footer>.mural-doodle{right:5%;top:50px;width:45px;height:45px}.paint-drips{width:100px;height:45px}.paint-drips i{width:8px;max-height:40px}}
@media(max-width:540px){.home-hero{padding-inline:20px}.home-hero .hero-copy h1{font-size:11vw}.hero-topline{gap:10px}.paper-label{font-size:.59rem}.home-hero>.doodle-star{top:auto;bottom:29%;right:7%;width:46px;height:46px}.home-hero>.doodle-squiggle{display:none}.about-section{padding-block:60px}.contact-wall{padding-block:80px}.contact-inner{padding:25px}.contact-wall h2{font-size:2.7rem}.motion-toggle{font-size:.65rem;bottom:8px;right:8px}.footer-bottom{padding-bottom:35px}}

