:root{--black:#111;--white:#f4f3ef;--gray:#aaa;--pad:clamp(20px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;cursor:none}a,button{color:inherit;text-decoration:none;cursor:none}.page-loader{position:fixed;inset:0;background:#050505;z-index:9998;display:grid;place-items:center;transition:transform .8s cubic-bezier(.76,0,.24,1) .25s}.page-loader.done{transform:translateY(-105%)}.page-loader span{font:700 clamp(18px,3vw,34px) Unbounded;letter-spacing:.15em}.page-loader i{position:absolute;bottom:0;left:0;height:2px;background:#fff;animation:load 1s ease forwards}@keyframes load{from{width:0}to{width:100%}}.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-dot{width:7px;height:7px;background:#fff}.cursor-ring{width:40px;height:40px;border:2px solid #fff;transition:width .2s,height .2s,background .2s}.cursor-ring.hover{width:64px;height:64px;background:#fff}.cursor-ring.hover:after{content:"";position:absolute;inset:8px;border:1px solid #000;border-radius:50%}header{height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;position:absolute;z-index:5;width:100%;animation:headerIn .8s ease 1.1s both}@keyframes headerIn{from{opacity:0;transform:translateY(-20px)}}.logo{font:700 18px Unbounded;letter-spacing:.04em;transition:letter-spacing .3s}.logo:hover{letter-spacing:.1em}nav{display:flex;gap:36px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .35s}nav a:hover:after{transform:scaleX(1);transform-origin:left}.write{border:1px solid #555;padding:11px 15px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transition:.3s}.write:hover{background:#fff;color:#111}.hero{min-height:760px;height:100vh;padding:140px var(--pad) 80px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.label{text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--gray);margin:0 0 28px}.hero h1,.section-title h2,.contacts h2{font-family:Unbounded,sans-serif;letter-spacing:-.055em;line-height:.95;margin:0}.hero h1{font-size:clamp(52px,8vw,126px);position:relative;z-index:2}.hero h1 .line{display:block;overflow:hidden;color:var(--white)}.hero h1 .line i{display:block;font-style:normal;transform:translateY(110%);animation:titleUp 1s cubic-bezier(.16,1,.3,1) 1s forwards}.hero h1 .outline i{-webkit-text-stroke:1px var(--white);color:transparent;animation-delay:1.13s}@keyframes titleUp{to{transform:none}}.hero-reveal{opacity:0;transform:translateY(20px);animation:heroShow .8s ease forwards}.d1{animation-delay:1.25s}.d2{animation-delay:1.45s}.d3{animation-delay:1.65s}@keyframes heroShow{to{opacity:1;transform:none}}.intro{color:#bbb;line-height:1.7;font-size:14px;margin:34px 0}.button{width:min(310px,100%);display:flex;justify-content:space-between;background:var(--white);color:var(--black);padding:19px 22px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;transition:box-shadow .3s,background .3s;position:relative;z-index:2;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:#bbb;transform:translateX(-101%);transition:transform .45s cubic-bezier(.76,0,.24,1)}.button:hover:before{transform:none}.button>* , .button{isolation:isolate}.button b{font-size:18px;transition:transform .3s}.button:hover b{transform:translate(5px,-5px)}.hero-art{position:absolute;right:1%;top:13%;height:80%;opacity:.28;will-change:transform}.hero-art svg{height:100%;fill:none;stroke:#eee;stroke-width:1.2;stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw 3.8s ease 1s forwards,float 7s ease-in-out 4.8s infinite}@keyframes draw{to{stroke-dashoffset:0}}@keyframes float{50%{transform:translateY(-15px) rotate(1deg)}}.scroll-mark{position:absolute;bottom:30px;left:var(--pad);display:flex;align-items:center;gap:12px;color:#888;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.scroll-mark i{height:35px;width:1px;background:#777;position:relative;overflow:hidden}.scroll-mark i:after{content:"";position:absolute;inset:0;background:#fff;animation:scrollLine 1.8s ease infinite}@keyframes scrollLine{0%{transform:translateY(-110%)}100%{transform:translateY(110%)}}.marquee{border-top:1px solid #333;border-bottom:1px solid #333;overflow:hidden;padding:19px 0;white-space:nowrap}.marquee div{display:inline-block;font:600 11px Unbounded;letter-spacing:.18em;color:#999;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.portfolio{background:var(--white);color:var(--black);padding:clamp(90px,10vw,150px) 0}.portfolio>.section-title,.portfolio>.progress,.portfolio>.hint{margin-left:var(--pad);margin-right:var(--pad)}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-title .label{color:#555}.section-title h2{font-size:clamp(42px,6vw,90px)}.controls{display:flex;gap:8px}.controls button{width:58px;height:58px;border:1px solid #aaa;background:transparent;font-size:22px;transition:.25s}.controls button:hover{background:#111;color:#fff;transform:rotate(-8deg) scale(1.05)}.slider{overflow:hidden;outline:none;padding-left:var(--pad);touch-action:pan-y}.track{display:flex;gap:24px;transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.slide{flex:0 0:min(520px,72vw);background:#ddd;user-select:none;transition:transform .45s,filter .45s,opacity .7s}.slide:not(.active){transform:scale(.94);filter:grayscale(1);opacity:.68}.slide.dark{background:#181818;color:#fff}.tattoo{aspect-ratio:4/5;display:grid;place-items:center;background:radial-gradient(circle,#fff,#c9c8c3);overflow:hidden;position:relative}.tattoo:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s}.slide:hover .tattoo:after{transform:translateX(130%)}.dark .tattoo{background:radial-gradient(circle,#333,#090909)}.tattoo svg{width:82%;height:82%;fill:none;stroke:#111;stroke-width:2;transition:transform .8s cubic-bezier(.16,1,.3,1),stroke-dashoffset 1.8s;stroke-dasharray:1500;stroke-dashoffset:1500}.slide.in svg{stroke-dashoffset:0}.dark .tattoo svg{stroke:#eee}.slide:hover svg{transform:scale(1.07) rotate(1deg)}.slide footer{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.18);font-size:9px;letter-spacing:.16em}.dark footer{border-color:#444}.progress{height:2px;background:#ccc;margin-top:42px;overflow:hidden}.progress i{display:block;width:25%;height:100%;background:#111;transition:transform .65s cubic-bezier(.16,1,.3,1)}.hint{text-align:right;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:14px}.reveal{opacity:0;transform:translateY(55px);transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}
.contacts{min-height:720px;padding:clamp(100px,12vw,180px) var(--pad) 35px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.contacts>*:not(.contact-orbit){position:relative;z-index:2}.contact-orbit{position:absolute;width:min(650px,70vw);fill:none;stroke:rgba(255,255,255,.09);animation:orbit 28s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.contacts h2{font-size:clamp(40px,7vw,108px)}.contacts h2 span{-webkit-text-stroke:1px var(--white);color:transparent}.contacts>p:not(.label){color:#aaa;max-width:530px;line-height:1.7;margin:35px 0 45px}.contact-card{width:min(650px,100%);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px solid #444;padding:20px;text-align:left;transition:background .3s,color .3s;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-102%);transition:transform .55s cubic-bezier(.76,0,.24,1);z-index:-1}.contact-card:hover{color:#111}.contact-card:hover:before{transform:none}.vk{width:56px;height:56px;background:#fff;color:#111;display:grid;place-items:center;font-weight:700;transition:.3s}.contact-card:hover .vk{background:#111;color:#fff;transform:rotate(-8deg)}.contact-card small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;opacity:.6;margin-bottom:5px}.contact-card strong{font:600 clamp(16px,2vw,22px) Unbounded}.contact-card>b{font-size:30px;transition:transform .3s}.contact-card:hover>b{transform:translate(6px,-6px)}.contacts>footer{position:absolute!important;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#888}
@media(max-width:700px){body,a,button{cursor:auto}.cursor-dot,.cursor-ring{display:none}header{height:72px}nav{display:none}.small{padding:9px}.hero{min-height:680px;padding-top:110px}.hero-art{right:-38%;height:70%;top:18%}.intro{font-size:12px}.section-title{align-items:flex-start}.controls button{width:45px;height:45px}.slide{flex-basis:82vw}.hint{text-align:left}.contacts{min-height:680px}.contact-card{padding:14px}.vk{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.page-loader{display:none}.reveal,.hero-reveal{opacity:1;transform:none}.hero h1 .line i{transform:none}}

/* Direct contacts */
.header-socials{display:flex;gap:7px}.header-socials a{width:43px;height:43px;border:1px solid #555;display:grid;place-items:center;font:600 10px Unbounded;transition:.25s}.header-socials a:hover{background:#fff;color:#111;transform:translateY(-2px)}
.hero-contacts{display:flex;gap:10px;width:min(620px,100%);position:relative;z-index:3}.social-button{flex:1;min-width:0;border:1px solid #555;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;background:#171717;transition:background .3s,color .3s,border-color .3s}.social-button span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px}.social-button b{grid-row:1/3;font:700 18px Unbounded}.social-button small{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#999}.social-button i{font-size:22px;font-style:normal;transition:transform .3s}.social-button:hover{background:#fff;color:#111;border-color:#fff}.social-button:hover small{color:#555}.social-button:hover i{transform:translate(4px,-4px)}.light-button{background:#f4f3ef;color:#111;border-color:#f4f3ef}.light-button small{color:#555}.light-button:hover{background:#bbb;border-color:#bbb}.contacts .instagram{margin-top:10px}
@media(max-width:700px){.header-socials a{width:38px;height:38px}.hero-contacts{flex-direction:column;max-width:310px}.social-button{flex:none}.scroll-mark{display:none}}

/* Artist identity and supplied artwork */
.artist-sign{position:absolute;right:var(--pad);bottom:42px;text-align:right;z-index:3}.artist-sign span{display:block;color:#777;text-transform:uppercase;letter-spacing:.2em;font-size:8px;margin-bottom:7px}.artist-sign strong{font:600 clamp(13px,1.4vw,20px)/1.15 Unbounded;letter-spacing:.06em}.photo-art{background:#000}.photo-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform .8s cubic-bezier(.16,1,.3,1)}.image-slide:hover .photo-art img,.image-slide.active .photo-art img{filter:grayscale(0)}.image-slide:hover .photo-art img{transform:scale(1.035)}.brand-mark{width:min(430px,72vw);height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen;margin-bottom:42px;opacity:.8}.contacts .brand-mark.in{opacity:.8}
@media(max-width:700px){.artist-sign{right:20px;bottom:22px}.brand-mark{margin-bottom:30px}.hero .label{max-width:260px;line-height:1.6}}

/* Simple brand footer */
.brand-footer{background:#000;border-top:1px solid #292929;padding:clamp(45px,7vw,100px) var(--pad);display:grid;place-items:center}.brand-footer img{display:block;width:min(760px,92vw);height:auto}

/* Compact header mark and informative artist card */
.logo-image{width:116px;height:67px;display:flex;align-items:center;overflow:visible}.logo-image img{width:100%;height:100%;object-fit:contain;display:block}.artist-card{background:#000;color:#fff}.artist-image{background:#000}.artist-image img{display:block;width:100%;height:100%;object-fit:cover}.artist-card footer{border-color:#333}.artist-card:hover .artist-image img{transform:scale(1.018)}
@media(max-width:700px){.logo-image{width:88px;height:54px}}

/* Dark portfolio stage: the artist card merges into the site instead of looking pasted on */
.portfolio{background:#111;color:#f4f3ef;border-top:1px solid #2b2b2b}.section-title .label{color:#888}.controls button{border-color:#555;color:#f4f3ef}.controls button:hover{background:#f4f3ef;color:#111}.progress{background:#3a3a3a}.progress i{background:#f4f3ef}.hint{color:#888}.artist-card{outline:1px solid #2a2a2a}.artist-card footer{background:#111}.slide.light{box-shadow:0 20px 60px rgba(0,0,0,.25)}