/* Readable personal-portfolio refinements over the shared ArcMuse collection styles. */
.collection-intro,.portfolio-hub-heading>p,.ai-case-study>div>p:not(.gallery-kicker),.ux-case-copy>p:not(:first-child){font-size:1rem}.collection-disciplines li,.collection-hero-count,.collection-nav a,.collection-count,.collection-search,.collection-search input,.collection-filters button,.asset-caption p,.asset-number,.asset-format,.collection-more>p,.collection-attribution p,.viewer-toolbar p,.viewer-toolbar button,.viewer-footer p,.viewer-source,.collection-directory-copy>p,.collection-directory-image>span,.ux-case-copy>p:first-child{font-size:.8rem}.collection-breadcrumb,.collection-gallery-heading>p,.collection-directory-copy>span{font-size:.95rem}.asset-caption h3{font-size:1rem}.collection-cover-sticker{font-size:.75rem}.collection-directory-copy>span{line-height:1.75}.collection-directory-copy{padding:27px}.collection-directory-card{box-shadow:5px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}.collection-directory-card:nth-child(3n+2){transform:rotate(.5deg)}.collection-directory-image{background-image:url('/media/gallery/wynwood-mural-v3.jpg');background-size:cover;background-blend-mode:luminosity;padding:22px 45px}.collection-directory-image>img{border:7px solid var(--paper);background:var(--ink);object-fit:contain}.collection-directory-image:before{background:var(--collection-accent);opacity:.5;mask-image:none}.collection-directory-copy h2{font-size:clamp(2.5rem,3.5vw,3.9rem);line-height:1.08}.collection-directory-copy>div>span{font-size:2rem}.collection-next .button,.viewer-navigation button{min-height:44px}.collection-cover{max-width:100%}.ux-case-copy .text-link{font-size:.9rem}.collection-gallery-heading h2{line-height:1.1}.portfolio-hub-heading h1{line-height:1.08}.collection-directory-card:hover{transform:translateY(-4px);box-shadow:8px 10px 0 var(--ink)}.collection-cover-primary,.collection-cover-secondary{object-fit:contain}.ai-case-study .case-study-art{background:var(--pink)}.gallery-kicker{line-height:1.6}.viewer-toolbar p,.viewer-footer p{line-height:1.6}.viewer-source{margin-top:20px}.portfolio-category{overflow:clip}.collection-search{flex-wrap:wrap}.collection-disciplines li{line-height:1.5}.collection-nav a{min-height:48px}.collection-next>.gallery-shell>span{color:var(--ink)}.collection-directory{gap:42px 34px}.collection-directory-image>span{font-size:.75rem}.collection-next h2{line-height:1.08}
@media(max-width:650px){.collection-directory{grid-template-columns:1fr;gap:34px}.collection-directory-card:nth-child(3n+2){transform:none}.collection-intro,.ai-case-study>div>p:not(.gallery-kicker),.ux-case-copy>p:not(:first-child){font-size:1rem}.collection-hero h1{font-size:clamp(3rem,12vw,4.5rem);line-height:1.1}.collection-hero{padding-bottom:50px}.collection-cover{width:90%;min-height:300px}.collection-cover-sticker{font-size:.7rem}.collection-tools{flex-direction:column;align-items:stretch}.collection-search{display:grid;gap:10px}.collection-search input{width:100%;min-width:0;font-size:1rem}.collection-search>span{font-size:.9rem}.collection-gallery-heading h2{font-size:3.2rem}.collection-nav>.gallery-shell{width:100%;padding-inline:18px}.collection-attribution{padding-bottom:40px}.collection-next>.gallery-shell{flex-wrap:wrap}.collection-project-cta{width:100%}.collection-next>.gallery-shell>span{font-size:4rem}.collection-directory-copy h2{font-size:2.8rem}.collection-directory-copy>span{font-size:.95rem}.collection-directory-image{height:230px}.asset-grid{grid-template-columns:1fr}.artwork-grid{columns:1}.social-grid{grid-template-columns:1fr 1fr}.social-grid .asset-caption{gap:8px}.social-grid .asset-caption h3{font-size:.9rem}.social-grid .asset-number{display:none}.social-grid .asset-caption p{font-size:.75rem}.viewer-footer{align-items:start;flex-direction:column}.collection-breadcrumb{font-size:.8rem}.collection-breadcrumb a{max-width:70%}.ux-case-copy{padding:23px}.portfolio-hub-heading h1{font-size:3.8rem}.ai-case-study{grid-template-columns:1fr;gap:45px}.case-study-art{min-height:280px}.collection-directory-image>span{font-size:.75rem}.collection-gallery-heading>p{font-size:1rem}}
@media(max-width:370px){.social-grid{grid-template-columns:1fr}.collection-next>.gallery-shell>span{display:none}.collection-cover{min-height:260px}.header-inner{gap:10px}.wordmark{font-size:1.65rem}.header-cta{padding-inline:11px}.hero-copy h1{font-size:12.5vw}.collection-filters{flex-wrap:wrap}}


/* Text-led home hero. Portfolio imagery stays in the collections. */
.home-hero .hero-grid{grid-template-columns:minmax(0,1fr);padding:45px 0 40px}
.home-hero .hero-copy h1{font-size:clamp(4rem,10.5vw,10rem);line-height:1.18}
.home-hero .hero-copy h1>.yellow-type{margin:12px 0 0 0;transform:rotate(-2deg)}
.home-hero .hero-note{margin-top:32px}
@media(max-width:760px){.home-hero .hero-grid{padding:32px 0}.home-hero .hero-copy h1{font-size:clamp(3rem,10.2vw,5.5rem)}}
@media(max-width:540px){.home-hero .hero-copy h1{font-size:clamp(2.8rem,11vw,4rem)}.home-hero .hero-note{margin-top:25px}}

/* A little play in the wall; readable type and controls stay anchored. */
.home-hero .mural-backdrop{object-position:center 48%;transform:translate3d(var(--mural-x,0px),var(--mural-y,0px),0) scale(1.045);transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.collection-directory-card .collection-directory-image>img{transform:perspective(850px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) rotate(-3deg);transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.collection-directory-card:hover .collection-directory-image>img{transform:perspective(850px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) rotate(0deg) scale(1.025)}
.collection-directory-image>span{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.collection-directory-card:hover .collection-directory-image>span{transform:rotate(-5deg) translateY(-3px)}
.text-link{background-image:linear-gradient(var(--yellow),var(--yellow));background-repeat:no-repeat;background-position:left bottom;background-size:0 32%;transition:background-size .25s,color .2s}
.text-link:hover,.text-link:focus-visible{background-size:100% 32%}
@media(hover:hover) and (pointer:fine){
 .collection-cover:hover .collection-cover-sticker{animation:sticker-play .5s ease-out}
 .header-inner .wordmark:hover{transform:rotate(1deg)}
 .wordmark{transition:transform .25s}
 @keyframes sticker-play{0%,100%{transform:rotate(12deg)}35%{transform:rotate(20deg)}70%{transform:rotate(7deg)}}
}
@media(max-width:650px){.home-hero .mural-backdrop{object-position:43% center}}


.home-hero .hero-note{max-width:100%;overflow-wrap:break-word}