:root{--tp-bg:#070706;--tp-text:#f4efe5;--tp-muted:#b7afa1;--tp-gold:#c9aa73}
body.tattoo-portfolio-page{background:var(--tp-bg);color:var(--tp-text)}
.tattoo-portfolio-page main{overflow:hidden;background:var(--tp-bg)}
.tp-hero{min-height:92vh;display:flex;align-items:flex-end;padding:clamp(150px,18vh,230px) clamp(24px,7vw,112px) clamp(70px,10vh,120px);position:relative;background:radial-gradient(circle at 70% 30%,rgba(201,170,115,.09),transparent 36%),#070706}
.tp-hero-inner{max-width:1100px}.tp-kicker{text-transform:uppercase;letter-spacing:.26em;font:600 11px/1.5 Inter,sans-serif;color:var(--tp-gold);margin:0 0 22px}.tp-hero h1{font:400 clamp(58px,8vw,126px)/.9 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:0;max-width:1050px}.tp-hero h1 em{font-weight:400;color:#d7c19a}.tp-lead{max-width:660px;font:400 clamp(17px,1.5vw,22px)/1.65 Inter,sans-serif;color:var(--tp-muted);margin:36px 0 0}.tp-down{display:inline-flex;gap:15px;align-items:center;margin-top:42px;color:var(--tp-text);text-decoration:none;font:600 12px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.tp-down span{color:var(--tp-gold);font-size:18px}
.tp-work-list{display:flex;flex-direction:column;gap:clamp(54px,8vw,120px);padding:clamp(50px,8vw,120px) 0}.tp-work{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;min-height:78vh}.tp-work-reverse{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.tp-work-reverse .tp-media{order:2}.tp-work-reverse .tp-copy{order:1}.tp-media{height:clamp(620px,80vh,980px);position:relative;overflow:hidden;background:#0d0d0c}.tp-media img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:center;will-change:transform}.tp-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18));pointer-events:none}.tp-copy{padding:clamp(42px,7vw,120px);max-width:670px}.tp-number{font:400 13px Inter,sans-serif;letter-spacing:.24em;color:#7f7564}.tp-copy h2{font:400 clamp(46px,5.1vw,84px)/.95 'Cormorant Garamond',serif;margin:18px 0 28px;letter-spacing:-.025em}.tp-copy>p:last-child{font:400 clamp(16px,1.25vw,20px)/1.75 Inter,sans-serif;color:var(--tp-muted);max-width:540px}
.tp-closing{padding:clamp(100px,14vw,200px) clamp(24px,8vw,140px);text-align:center;background:#0b0a09}.tp-closing h2{font:400 clamp(50px,6vw,96px)/.95 'Cormorant Garamond',serif;margin:0 auto 28px;max-width:950px}.tp-closing>p:not(.tp-kicker){color:var(--tp-muted);font:400 18px/1.7 Inter,sans-serif;max-width:680px;margin:0 auto 38px}.tp-closing>div{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.tp-work,.tp-work-reverse{grid-template-columns:1fr;min-height:0}.tp-work-reverse .tp-media,.tp-work-reverse .tp-copy{order:initial}.tp-media{height:min(78vh,760px)}.tp-copy{padding:48px 24px 64px}.tp-work-list{gap:28px}.tp-hero{min-height:82vh}.tp-hero h1{font-size:clamp(54px,15vw,84px)}}
@media(prefers-reduced-motion:reduce){.tp-media img{transform:none!important}}