/* Shared premium layer for the individual concept pages. It adds depth without
   flattening each business into one template. The gallery root never loads it. */
html{scroll-behavior:smooth}
body.cairn-premium-ready{overflow-x:hidden}
.cairn-premium-hero{position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d}
.cairn-premium-hero h1,.cairn-premium-hero h2{max-width:100%;overflow:visible!important;overflow-wrap:anywhere;word-break:normal;hyphens:none;padding-inline:.08em}
.cairn-premium-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--cairn-mx,50%) var(--cairn-my,45%),rgba(255,255,255,.14),transparent 34%);mix-blend-mode:soft-light;opacity:.5;transition:opacity .5s}
.cairn-premium-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 100px rgba(0,0,0,.24)}
.cairn-premium-hero > *{position:relative;z-index:2}
.cairn-premium-hero > img,.cairn-premium-hero img.absolute,.cairn-premium-hero img[class*="absolute"]{transition:transform 1.2s cubic-bezier(.2,.7,.3,1),filter 1.2s}
body.cairn-premium-ready .cairn-premium-hero > img,body.cairn-premium-ready .cairn-premium-hero img.absolute,body.cairn-premium-ready .cairn-premium-hero img[class*="absolute"]{transform:scale(1.035)}
.cairn-premium-hero:hover::before{opacity:.9}
.cairn-premium-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
.cairn-premium-reveal.is-visible{opacity:1;transform:none}
.cairn-premium-depth{transition:transform .55s cubic-bezier(.2,.7,.3,1),box-shadow .55s}
.cairn-premium-depth:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:0 24px 55px rgba(0,0,0,.18)}
.cairn-premium-hero .cairn-orbit{position:absolute;z-index:1;pointer-events:none;width:clamp(260px,38vw,620px);height:clamp(260px,38vw,620px);right:-10%;top:10%;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(18deg);opacity:.4}
.cairn-premium-hero .cairn-orbit::after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-29deg)}
.cairn-premium-hero .cairn-hero-tag{position:absolute;z-index:3;right:5%;bottom:8%;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;writing-mode:vertical-rl}
.tattoo-work{background:#0a0a0a;color:#f1eee8;overflow:hidden}
.tattoo-work-intro{max-width:1100px;margin-inline:auto;padding-inline:1.5rem}
.tattoo-work-intro h2{font-family:'Permanent Marker',cursive;letter-spacing:.02em}
.tattoo-work-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(1.5rem,6vw) 28px;scrollbar-width:none;perspective:1400px;will-change:transform;align-items:flex-end}
.tattoo-work-track::-webkit-scrollbar{display:none}
.tattoo-work-card{position:relative;flex:0 0 min(360px,78vw);aspect-ratio:4/5;overflow:hidden;scroll-snap-align:center;border:1px solid #ffffff1f;border-radius:3px;background:#171513;box-shadow:0 28px 55px #000b;transform-style:preserve-3d;will-change:transform,opacity;transform-origin:50% 100%;margin-left:-92px}
.tattoo-work-card:first-child{margin-left:0}
.tattoo-work-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06);transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .5s}
.tattoo-work-card:hover img{transform:scale(1.055);filter:saturate(1.1) contrast(1.1)}
.tattoo-work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 54%,#050505e8);pointer-events:none}
.tattoo-work-card figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:17px;display:flex;justify-content:space-between;align-items:end;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#f5eee1}
.tattoo-work-card figcaption span:last-child{color:#ff6d86;font-size:9px}
.tattoo-work-note{color:#aaa49c;font-size:13px;max-width:430px;margin:14px auto 35px;line-height:1.7}
@media(max-width:767px){.cairn-premium-hero .cairn-orbit{right:-35%;top:17%;opacity:.28}.cairn-premium-hero .cairn-hero-tag{right:4%;bottom:6%;font-size:8px}.cairn-premium-hero::before{background:radial-gradient(circle at var(--cairn-mx,50%) var(--cairn-my,45%),rgba(255,255,255,.1),transparent 42%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cairn-premium-hero > img,.cairn-premium-hero img.absolute,.cairn-premium-hero img[class*="absolute"]{transform:none!important}.cairn-premium-reveal{opacity:1;transform:none;transition:none}.cairn-premium-depth{transition:none}.cairn-premium-hero .cairn-orbit{display:none}}

.cairn-site-badge{position:fixed;bottom:18px;right:18px;z-index:9999;display:inline-flex;gap:6px;align-items:center;padding:10px 16px;background:#08090bee;color:#f5f6f8;border:1px solid #ffffff26;border-radius:40px;font:600 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.6px;text-decoration:none;backdrop-filter:blur(10px);box-shadow:0 8px 30px #0008;transition:transform .25s,border-color .25s}
.cairn-site-badge span{color:#9aa2af;font-weight:500}
.cairn-site-badge:hover{transform:translateY(-2px);border-color:#ffffff60;color:#fff}
@media(max-width:600px){.cairn-site-badge{bottom:12px;right:12px;padding:8px 12px;font-size:10px}}
