/* Chill Ink Tattoo · Пластика. Photography keeps its original colours. */
:root{--ink:#000;--panel:#151515;--line:#363239;--muted:#b5b2ba}
html{scroll-padding-top:100px}
.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}
@supports(animation-timeline:scroll()){
  .scroll-progress{animation:reading-progress linear both;animation-timeline:scroll(root block)}
  @keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
.site-header{position:sticky;top:0;background:#000000f5;border-bottom:1px solid #28252b}
.header-inner{min-height:90px}
.brand{width:180px;position:relative}
.brand-tattoo{display:block;font-size:9px;line-height:1;letter-spacing:.52em;text-align:right;margin-top:7px;color:var(--muted)}
.hero{position:relative;isolation:isolate;padding:40px 0 68px;overflow:clip}
.hero-layout{grid-template-columns:1.05fr 1fr;gap:clamp(44px,7vw,112px);align-items:center}
.hero-copy{padding-block:24px;min-width:0}
.hero-name{white-space:normal!important;line-height:.9!important;max-width:470px;position:relative}
.hero-name picture{display:block}.hero-name img{width:100%;height:auto}
.hero-name>span{display:block;font-size:clamp(68px,7.15vw,112px);font-weight:700;line-height:1;letter-spacing:-.055em;margin-top:8px;color:var(--paper)}
@supports(-webkit-text-stroke:1px white){.hero-name>span{color:transparent;-webkit-text-stroke:1px var(--paper)}}
.hero-intro{font-size:17px;margin-top:30px;color:#d5d2d8}
.hero-actions{margin-top:30px;gap:16px 25px}
.hero-actions .button{gap:24px}
.hero-scroll{display:flex;justify-content:space-between;align-items:center;max-width:230px;border-bottom:1px solid var(--line);padding-block:14px;margin-top:42px;font-size:9px;letter-spacing:.14em;color:var(--muted)}
.hero-scroll>span:last-child{font-size:22px;line-height:1;color:var(--accent);transition:transform .25s}
.hero-scroll:hover>span:last-child{transform:translateY(4px)}
.hero-figure{align-self:center;padding-top:0}
.hero-image-frame{position:relative}
.hero-image-frame::before{content:'';position:absolute;inset:-13px 13px 13px -13px;border:1px solid #4d344a;z-index:-1}
.hero-photo{aspect-ratio:4/5;object-fit:cover;max-height:670px;width:100%}
.hero-frame-corner{position:absolute;right:0;bottom:0;width:52px;height:52px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.hero-figure figcaption{background:#151515;color:var(--paper);border:1px solid var(--line);border-top:0;padding:18px 20px}
.hero-figure figcaption small{color:var(--muted)}
.hero-figure figcaption>span{color:var(--muted)}
.hero-photo-note{font-size:9px;letter-spacing:.14em;top:-30px}
.hero-stamp{position:absolute;left:-40px;bottom:94px;display:flex;align-items:center;gap:13px;background:var(--ink);padding:14px 18px;border:1px solid #56505a;transform:rotate(-6deg)}
.hero-stamp img{width:54px;height:54px}
.hero-stamp span{font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.8}
.hero-petals{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.hero-petals span{position:absolute;width:clamp(180px,25vw,400px);height:clamp(250px,36vw,560px);background:var(--accent);mask:url('/brand/graphics/petal.svg') center/contain no-repeat;-webkit-mask:url('/brand/graphics/petal.svg') center/contain no-repeat;opacity:.075;animation:petal-arrive 1.6s cubic-bezier(.2,.7,.2,1) both}
.hero-petals span:nth-child(1){left:-5%;top:20%;rotate:-25deg}
.hero-petals span:nth-child(2){left:32%;top:8%;rotate:27deg;opacity:.045;animation-delay:.12s}
.hero-petals span:nth-child(3){right:-8%;bottom:-16%;rotate:60deg;opacity:.04;animation-delay:.25s}
@keyframes petal-arrive{from{transform:translateY(24px) rotate(-9deg);opacity:0}to{transform:translateY(0) rotate(0)}}
.brand-rhythm{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px var(--gutter);font-size:clamp(12px,1.8vw,24px);font-weight:700;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--line);background:var(--ink)}
.brand-rhythm i{display:block;flex:0 0 13px;width:13px;height:19px;background:var(--accent);mask:url('/brand/graphics/petal.svg') center/contain no-repeat;-webkit-mask:url('/brand/graphics/petal.svg') center/contain no-repeat}
.paper-section{background:var(--panel);color:var(--paper);color-scheme:dark;border-block:1px solid #28252b}
.paper-section .muted,.paper-section .fine,.section-intro,.work-caption small,.filter-note{color:var(--muted)}
.section-intro{max-width:540px}
.work>img{background:#222;filter:none!important}
.work,.artist-card,.journal-card{position:relative}
.work-open,.section-end,.album-link,.social-grid a{border-color:var(--line)}
.work-open{background:var(--ink);transition:background .25s,color .25s,transform .25s,border-color .25s}
.work:hover .work-open,.work:focus-visible .work-open{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translate(3px,-3px)}
.artist-photo{border:1px solid transparent;transition:border-color .25s}
.artist-photo img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.artist-card:hover .artist-photo,.artist-card:focus-visible .artist-photo{border-color:var(--accent)}
.artist-info>span{transition:transform .25s,color .25s}
.artist-card:hover .artist-info>span,.artist-card:focus-visible .artist-info>span{color:var(--accent);transform:translate(3px,-3px)}
.tag{background:#000e;color:var(--paper);border:1px solid #5c565f;font-size:10px}
.portfolio-controls select{color:var(--paper);background:#151515;border-color:#56515b}
.portfolio-controls select option{color:var(--paper);background:#151515}
.paper-section .button.dark{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.paper-section .button.dark:hover{background:var(--paper);border-color:var(--paper)}
.journal{border-block:1px solid #302b32;background:#101010}
.journal-media img{filter:none!important}
.journal-media{border:1px solid #3a353d;transition:border-color .25s}
.journal-media:hover,.journal-media:focus-visible{border-color:var(--accent)}
.play{background:#000c;border:1px solid #d9d4dc;color:var(--paper);transition:background .25s,color .25s,transform .25s}
.journal-media:hover .play,.journal-media:focus-visible .play{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:scale(1.08)}
.booking-section{position:relative;isolation:isolate;overflow:clip}
.booking-section::before{content:'';position:absolute;right:-15%;bottom:-30%;width:50%;height:120%;background:url('/brand/graphics/petal-rhythm.svg') center/contain no-repeat;opacity:.055;transform:rotate(-25deg);z-index:-1;pointer-events:none}
.booking-steps li>span{font-size:13px}
.gift-layout{border-left:2px solid var(--accent);padding-left:36px}
.gift-layout>img{width:170px;opacity:.2;top:-30px}
.site-footer{background:var(--ink)}
.footer-wordmark{opacity:.85}
.footer-tattoo{display:block;text-align:right;font-size:clamp(20px,4vw,62px);font-weight:600;letter-spacing:.48em;color:var(--muted);margin-top:22px}
.page-top{position:relative;isolation:isolate}
.page-top::after{content:'';position:absolute;right:4%;top:50px;width:120px;height:170px;background:var(--accent);mask:url('/brand/graphics/petal.svg') center/contain no-repeat;-webkit-mask:url('/brand/graphics/petal.svg') center/contain no-repeat;opacity:.06;z-index:-1;rotate:22deg;pointer-events:none}
.filter.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.full-list .tag{font-size:10px}
.motion-ready{transform:translateY(14px);opacity:.86;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s}
.motion-ready.is-visible{transform:none;opacity:1}
.hero-figure.motion-ready{opacity:1}
@media(min-width:1001px){.home-page .featured-works{grid-template-columns:1.08fr .92fr;gap:44px 80px}.home-page .featured-works .work:nth-child(even){margin-top:100px}.team-section .section-heading{margin-bottom:48px}}
@media(max-width:1150px){.hero-layout{gap:48px}.hero-name>span{font-size:clamp(62px,8vw,92px)}.hero-stamp{left:-26px;padding:12px;gap:10px}.hero-stamp img{width:48px;height:48px}}
@media(max-width:800px){
  html{scroll-padding-top:84px}.header-inner{min-height:84px}.brand{width:170px}.brand-tattoo{font-size:8px;margin-top:6px}
  .hero{padding:24px 0 46px}.hero-layout{grid-template-columns:1fr 1fr;gap:30px}.hero-name{max-width:340px}.hero-name>span{font-size:clamp(48px,8vw,72px)}.hero-copy{padding-block:12px}.hero-intro{font-size:14px;margin-top:23px}.hero-actions{margin-top:25px}.hero-scroll{margin-top:28px;max-width:190px}.hero-figure{margin:24px 0 0}.hero-photo{aspect-ratio:4/5}.hero-stamp{bottom:92px;left:-16px;padding:10px;gap:8px}.hero-stamp span{font-size:9px}.hero-photo-note{font-size:8px;letter-spacing:.08em}.brand-rhythm{gap:16px;padding-block:19px;font-size:14px}.brand-rhythm span:last-child,.brand-rhythm i:nth-last-child(2){display:none}.page-top::after{right:5%;width:90px;height:125px}.gift-layout{padding-left:24px}
}
@media(max-width:560px){
  .hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:45px}.hero-copy{padding:10px 0 0}.hero-copy .eyebrow{margin-bottom:20px}.hero-name{width:78%;max-width:330px}.hero-name img{width:100%}.hero-name>span{font-size:clamp(60px,19vw,88px);margin-top:3px}.hero-intro{font-size:14px;line-height:1.7;margin-top:22px}.hero-actions{margin-top:24px;gap:14px 24px}.hero-actions .button{font-size:13px;padding-inline:17px;min-height:54px}.hero-actions .text-link{font-size:12px}.hero-scroll{display:none}.hero-figure{margin:0 0 0 14px}.hero-photo{max-height:none;aspect-ratio:4/5}.hero-figure figcaption{padding:15px}.hero-figure figcaption a{font-size:14px}.hero-figure figcaption small{font-size:9px}.hero-figure figcaption>span{font-size:10px}.hero-photo-note{top:-23px}.hero-stamp{left:-14px;bottom:95px}.hero-petals span{width:240px;height:340px}.hero-petals span:nth-child(1){left:-80px;top:50px}.hero-petals span:nth-child(2){left:auto;right:-130px;top:280px}.hero-petals span:nth-child(3){display:none}.brand-rhythm{font-size:11px;gap:10px;padding-block:16px}.brand-rhythm i{flex-basis:9px;width:9px;height:13px}.studio-line .wrap{font-size:10px}.section{padding-block:64px}.tag,.full-list .tag{font-size:9px;padding:5px 7px}.work-caption small{font-size:11px}.artist-info p{font-size:11px}.journal-meta{font-size:11px}.journal-grid .journal-card>p{font-size:11px}.journal-grid .journal-meta{font-size:10px}.journal-grid .journal-kind{font-size:9px}.gift-layout{padding-left:20px}.footer-tattoo{letter-spacing:.35em;margin-top:12px;font-size:22px}.motion-ready{transform:translateY(8px);transition-duration:.4s}
}
@media(max-width:560px){.hero-name{width:100%;max-width:330px}.hero-name>span{font-size:clamp(62px,20vw,88px);margin-top:12px}.booking-observed .mobile-cta{transform:translateY(calc(100% + 3px));transition:transform .25s}.booking-observed.mobile-booking-visible .mobile-cta{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-petals span,.scroll-progress{animation:none!important}.motion-ready{opacity:1;transform:none;transition:none}.hero-stamp{transform:rotate(-6deg)}}