/*
Theme Name: Holy Koi Tattoo
Theme URI: https://holykoitattoo.com/
Author: Marlaska Servicios Web
Description: Tema editorial personalizado para Holy Koi Art & Tattoo.
Version: 1.0.2
Text Domain: holy-koi
*/
:root{--ink:#0c0c0b;--paper:#f1ece2;--oxide:#d14734;--cream:#f4efe6;--muted:#d8d0c5;--line:rgba(255,255,255,.16);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Mono",ui-monospace,monospace}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hk-wrap{width:min(1500px,calc(100% - 48px));margin:auto}.hk-eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.18em}.hk-display{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.065em;line-height:.79}.hk-display i{color:var(--oxide)}
.hk-header{position:fixed;inset:0 0 auto;z-index:50;padding:20px 0;transition:all .25s var(--ease)}.hk-header.is-scrolled{padding:12px 0;background:rgba(12,12,11,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.hk-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.hk-brand img{width:auto;height:36px;filter:brightness(0) invert(1)}.hk-links{display:flex;gap:27px;font-size:.64rem;font-weight:700;letter-spacing:.16em}.hk-links a:hover{color:var(--oxide)}.hk-cta{border:1px solid var(--oxide);background:var(--oxide);padding:13px 19px;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.14em;transition:.2s}.hk-cta:hover{background:transparent;color:var(--oxide)}.hk-menu{display:none;background:transparent;border:1px solid var(--line);padding:9px;color:var(--cream)}
.hk-hero{position:relative;min-height:810px;overflow:hidden;background:#090909}.hk-hero .slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1s var(--ease)}.hk-hero .slide:first-child{opacity:1}.hk-hero .slide.active{opacity:1}.hk-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.67),rgba(6,6,6,.18) 52%,rgba(6,6,6,.87)),linear-gradient(0deg,rgba(8,8,8,.92),transparent 42%,rgba(8,8,8,.2));}.hk-hero-content{position:relative;z-index:2;min-height:810px;display:flex;align-items:flex-end;justify-content:flex-end;padding:170px 5% 83px}.hk-hero-copy{width:min(660px,100%)}.hk-hero-copy .hk-eyebrow{color:#e85a44;margin-bottom:24px}.hk-hero h1{font-size:clamp(4.2rem,9vw,8.6rem);margin:0}.hk-hero-copy p{border-left:1px solid var(--oxide);padding-left:20px;max-width:390px;font-family:"DM Sans",sans-serif;line-height:1.65;color:rgba(244,239,230,.84);font-size:.98rem}.hk-underlink{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:8px;margin-top:22px;font-size:.67rem;font-weight:700;letter-spacing:.16em}.hk-underlink:hover{color:#e85a44;border-color:var(--oxide)}
.hk-section{padding:120px 0}.hk-paper{background:var(--paper);color:#11110f;background-image:radial-gradient(rgba(89,83,70,.32) .6px,transparent .6px);background-size:5px 5px}.hk-dark{background:#0e0e0d}.hk-red{background:var(--oxide);color:#1c0b07}.hk-top{display:grid;grid-template-columns:1fr .58fr;align-items:end;gap:50px;border-bottom:1px solid currentColor;padding-bottom:42px}.hk-top .hk-display{font-size:clamp(3.1rem,6.8vw,7.2rem);margin:18px 0 0}.hk-top p{font-family:"DM Sans",sans-serif;line-height:1.65;margin:0;max-width:430px;color:inherit;opacity:.72}.hk-artist-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:56px 36px;max-width:1100px;margin:58px auto 0}.hk-artist{text-align:center}.hk-artist-avatar{position:relative;margin:auto;width:144px;height:144px}.hk-artist-avatar:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(185,53,36,.72);transition:transform .25s var(--ease)}.hk-artist:hover .hk-artist-avatar:before{transform:scale(1.06)}.hk-artist-avatar img{height:100%;width:100%;border-radius:50%;object-fit:cover;background:#151514}.hk-artist-arrow{position:absolute;right:-4px;bottom:-4px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#11110f;color:#fff}.hk-artist h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;line-height:.95;margin:20px 0 0}.hk-artist-handle{color:#b93524;font:700 .63rem/1 "DM Mono",monospace;letter-spacing:.08em;margin:9px 0}.hk-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;font-size:.52rem;font-weight:700;letter-spacing:.1em;color:#4b473f}
.hk-accordion{margin-top:40px;border-bottom:1px solid rgba(255,255,255,.25)}.hk-accordion.paper{border-color:rgba(17,17,15,.25)}.hk-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.hk-accordion-title{font-size:.69rem;font-weight:700;letter-spacing:.18em}.hk-accordion-description{display:block;margin-top:11px;font:400 .8rem/1.5 "DM Sans",sans-serif;opacity:.66}.hk-chevron{border:1px solid currentColor;display:grid;place-items:center;width:44px;height:44px;color:var(--oxide);font-size:1.25rem;transition:transform .25s var(--ease);flex:0 0 auto}.hk-accordion-toggle[aria-expanded="true"] .hk-chevron{transform:rotate(180deg)}.hk-preview{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:255px;overflow:hidden;margin:22px 0 0;gap:1px;background:#151514}.hk-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.hk-preview a:hover img{transform:scale(1.08)}.hk-open{display:none;columns:3;column-gap:16px;margin:38px 0}.hk-open.is-open{display:block}.hk-open a{display:block;break-inside:avoid;margin:0 0 16px;overflow:hidden;background:#191917}.hk-open img{width:100%;transition:transform .4s var(--ease)}.hk-open a:hover img{transform:scale(1.03)}.hk-gallery-action{position:absolute;right:16px;bottom:16px;z-index:2;background:var(--oxide);padding:12px 15px;color:#fff;font-size:.59rem;font-weight:700;letter-spacing:.12em}
.hk-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}.hk-video{position:relative;aspect-ratio:9/16;overflow:hidden;background:#220e09}.hk-video img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.hk-video:hover img{transform:scale(1.04)}.hk-video:after{content:"▶";display:grid;place-items:center;position:absolute;bottom:17px;left:17px;width:45px;height:45px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.12);color:white}.hk-video small{position:absolute;z-index:1;top:15px;left:15px;color:#fff;font-weight:700;letter-spacing:.15em}
.hk-studio-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:48px;align-items:center}.hk-studio-copy .hk-display{font-size:clamp(3rem,6vw,6.4rem);margin:20px 0}.hk-studio-copy p{font-family:"DM Sans",sans-serif;line-height:1.7;max-width:580px;color:#4b473f}.hk-stats{display:flex;margin-top:35px;border-top:1px solid rgba(17,17,15,.2);padding-top:20px;gap:38px}.hk-stat{font-size:.62rem;font-weight:700;letter-spacing:.13em}.hk-stat b{font:2rem/1 "Cormorant Garamond",serif;display:block;margin-bottom:8px}.hk-emblem-panel{position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden;background:#161614}.hk-emblem-panel:before,.hk-emblem-panel:after{content:"";position:absolute;border:1px solid rgba(209,71,52,.4);border-radius:50%;inset:52px}.hk-emblem-panel:after{border-color:rgba(255,255,255,.15);inset:105px}.hk-emblem-panel img{width:170px;filter:brightness(0) invert(1);position:relative;z-index:1}.hk-emblem-panel span{position:absolute;bottom:26px;left:26px;right:26px;border-top:1px solid rgba(255,255,255,.35);padding-top:15px;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.15em}
.hk-contact{padding:96px 0;background:#0c0c0b}.hk-contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.hk-contact h2{margin:18px 0 0;font-size:clamp(3.6rem,7vw,7.6rem)}.hk-contact p{font-family:"DM Sans",sans-serif;line-height:1.7;color:rgba(222,213,201,.7);max-width:400px}.hk-footer{padding:0 0 26px;background:#0c0c0b;color:var(--cream)}.hk-footer-top{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}.hk-footer img{height:44px;filter:brightness(0) invert(1)}.hk-footer p,.hk-footer a{font:400 .88rem/1.6 "DM Sans",sans-serif;color:rgba(222,213,201,.75)}.hk-footer h4{font-size:.63rem;color:#e85a44;letter-spacing:.16em}.hk-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:25px;color:rgba(244,239,230,.35);font-size:.56rem;font-weight:700;letter-spacing:.14em}.hk-footer-bottom a:hover{color:#e85a44}.hk-modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.95);padding:30px}.hk-modal.open{display:flex}.hk-modal img,.hk-modal video{max-width:100%;max-height:88vh;object-fit:contain}.hk-close{position:absolute;right:25px;top:25px;border:1px solid rgba(255,255,255,.4);background:#111;color:#fff;width:45px;height:45px;font-size:25px}.hk-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.4);color:#fff;width:54px;height:54px;font-size:26px}.hk-lightbox-prev{left:24px}.hk-lightbox-next{right:24px}.hk-cookie{position:fixed;bottom:18px;left:18px;right:18px;z-index:90;display:none;align-items:center;justify-content:space-between;gap:20px;background:#f1ece2;color:#11110f;padding:18px 22px;box-shadow:0 12px 45px rgba(0,0,0,.35);font:400 .82rem/1.5 "DM Sans",sans-serif}.hk-cookie.show{display:flex}.hk-cookie button{border:0;background:#b93524;color:#fff;padding:11px 14px;font-size:.58rem;font-weight:700;letter-spacing:.12em;cursor:pointer}.hk-page{padding:160px 0 100px;background:var(--paper);color:#11110f;min-height:100vh}.hk-page article{max-width:850px;font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.75}.hk-page h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3.3rem,7vw,6.5rem);line-height:.8;letter-spacing:-.06em}.hk-page h2{font-family:"Cormorant Garamond",serif;font-size:2.2rem;line-height:1}.hk-portal{padding:135px 0 100px;background:#11110f;min-height:100vh}.hk-portal h1{font-size:clamp(3.1rem,6.5vw,5.6rem);margin:0 0 12px}.hk-portal-card{background:#171715;border:1px solid var(--line);padding:36px;max-width:740px}.hk-portal-card input,.hk-portal-card select{display:block;width:100%;margin:9px 0 18px;padding:13px;background:#0c0c0b;border:1px solid var(--line);color:#fff}.hk-portal-card label{font-size:.63rem;font-weight:700;letter-spacing:.13em}.hk-portal-card button{background:var(--oxide);border:0;color:white;padding:14px 18px;font-size:.62rem;font-weight:700;letter-spacing:.13em;cursor:pointer}.hk-alert{padding:13px 16px;background:rgba(209,71,52,.16);border:1px solid rgba(209,71,52,.5);font-family:"DM Sans",sans-serif;margin:20px 0}.hk-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.hk-work-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.hk-admin-note{margin-top:25px;padding:20px;background:rgba(209,71,52,.12);border:1px solid rgba(209,71,52,.4);font:400 .9rem/1.6 "DM Sans",sans-serif}
@media(max-width:900px){.hk-links,.hk-cta{display:none}.hk-menu{display:block}.hk-mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0c0c0b;border-top:1px solid var(--line);padding:20px 24px}.hk-mobile-nav.open{display:grid;gap:18px;font-size:.7rem;font-weight:700;letter-spacing:.14em}.hk-top,.hk-studio-grid,.hk-contact-grid{grid-template-columns:1fr}.hk-artist-grid{grid-template-columns:repeat(3,1fr)}.hk-video-grid{grid-template-columns:repeat(2,1fr)}.hk-footer-top{grid-template-columns:1fr 1fr}.hk-hero,.hk-hero-content{min-height:730px}.hk-hero-content{padding-bottom:55px}.hk-preview{height:190px}.hk-emblem-panel{min-height:370px}}
@media(max-width:560px){.hk-wrap{width:min(100% - 32px,1500px)}.hk-section{padding:82px 0}.hk-hero h1{font-size:4.3rem}.hk-artist-grid{grid-template-columns:repeat(2,1fr);gap:42px 15px}.hk-artist-avatar{width:110px;height:110px}.hk-preview{height:135px}.hk-open{columns:2;column-gap:8px}.hk-open a{margin-bottom:8px}.hk-video-grid{gap:9px}.hk-footer-top{grid-template-columns:1fr}.hk-cookie{display:block;bottom:0;left:0;right:0}.hk-cookie button{display:block;margin-top:12px}.hk-lightbox-nav{width:42px;height:42px}.hk-lightbox-prev{left:8px}.hk-lightbox-next{right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Movimiento editorial y avatares florales · 1.0.2 */
.hk-hero .slide.active{animation:hk-hero-pan 8s var(--ease) both;will-change:transform}
.hk-artist-avatar{border-radius:50%;background:#151514;box-shadow:0 14px 30px rgba(22,18,15,.14);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.hk-artist-avatar img{padding:21px;object-fit:contain;filter:invert(1);transform:scale(1);transition:transform .45s var(--ease),filter .35s var(--ease)}
.hk-artist:nth-child(odd) .hk-artist-avatar{animation:hk-avatar-float 5.8s ease-in-out infinite}
.hk-artist:nth-child(3n) .hk-artist-avatar{animation-delay:-2.1s}
.hk-artist:nth-child(5n) .hk-artist-avatar{animation-delay:-4s}
.hk-artist:hover .hk-artist-avatar{transform:translateY(-7px) rotate(-2deg);box-shadow:0 22px 38px rgba(22,18,15,.24)}
.hk-artist:hover .hk-artist-avatar img{transform:scale(1.12) rotate(4deg);filter:invert(1) sepia(.2)}
.hk-preview a,.hk-open a,.hk-video{will-change:transform;transform:translateZ(0)}
.hk-preview a{animation:hk-photo-drift 9s ease-in-out infinite alternate}
.hk-preview a:nth-child(2){animation-delay:-2s}.hk-preview a:nth-child(3){animation-delay:-4s}.hk-preview a:nth-child(4){animation-delay:-6s}
.hk-open.is-open a{animation:hk-photo-reveal .62s var(--ease) both}
.hk-open.is-open a:nth-child(3n){animation-delay:.08s}.hk-open.is-open a:nth-child(4n){animation-delay:.14s}
.hk-video:hover{transform:translateY(-6px)}
@keyframes hk-hero-pan{0%{transform:scale(1.02)}100%{transform:scale(1.09)}}
@keyframes hk-avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes hk-photo-drift{0%{transform:scale(1)}100%{transform:scale(1.045)}}
@keyframes hk-photo-reveal{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hk-hero .slide.active,.hk-artist-avatar,.hk-preview a,.hk-open.is-open a{animation:none!important}.hk-artist-avatar,.hk-video{transition:none!important}}