@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

body.artist-javier{--display:'Archivo Black',Impact,sans-serif;--body:'Space Grotesk',system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace;--surface:oklch(97% .012 82);--line:oklch(16% .012 60);font-family:var(--body);background:var(--paper);color:var(--ink)}
body.artist-javier .topbar{padding:18px 5vw;border-bottom:2px solid var(--line);background:var(--paper)}
body.artist-javier .brand-name,body.artist-javier .footer>div{font:700 19px var(--body);letter-spacing:.02em;text-transform:uppercase}
body.artist-javier .brand-location,body.artist-javier .footer-location{font:11px var(--mono);color:var(--muted);text-transform:uppercase}
body.artist-javier .nav{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.02em}
body.artist-javier .nav-cta{padding:10px 13px;border:2px solid var(--ink);background:var(--ink);color:var(--paper)}
body.artist-javier .nav-cta span,body.artist-javier .button span{color:var(--accent)}
body.artist-javier .opening{min-height:680px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:7vw;padding:7vw 5vw 6vw;border-bottom:2px solid var(--line);background:var(--paper);position:relative}
body.artist-javier .opening:after{content:'TATTOO / ELCHE';position:absolute;right:5vw;top:38px;color:var(--accent);font:500 11px var(--mono);letter-spacing:.08em;transform:rotate(90deg);transform-origin:right top}
body.artist-javier .eyebrow{margin-bottom:25px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
body.artist-javier h1,body.artist-javier h2{font-family:var(--display);font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:-.045em}
body.artist-javier .opening h1{font-size:clamp(68px,11.3vw,178px);line-height:.84}
body.artist-javier h1 em,body.artist-javier h2 em{color:var(--accent);font-style:normal}
body.artist-javier .hero-intro{max-width:510px;margin:37px 0 30px;font-size:18px;line-height:1.42}
body.artist-javier .opening-aside{max-width:300px;padding-bottom:4px}
body.artist-javier .aside-label{font:500 12px var(--mono);text-transform:uppercase}
body.artist-javier .aside-note{padding-top:16px;border-top:2px solid var(--ink);color:var(--muted);font-size:14px;line-height:1.45}
body.artist-javier .text-link{font:600 13px var(--body);text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid currentColor;padding-bottom:5px}
body.artist-javier .text-link span{color:var(--accent)}
body.artist-javier .section{padding:8vw 5vw;border-bottom:2px solid var(--line)}
body.artist-javier .section-intro{margin-bottom:5vw}
body.artist-javier .section-intro h2{font-size:clamp(53px,7.5vw,122px);line-height:.88;max-width:900px}
body.artist-javier .work-section{background:var(--surface)}
body.artist-javier .portfolio-empty{min-height:190px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:28px 0;align-items:end}
body.artist-javier .portfolio-empty p{font:400 clamp(25px,3vw,48px)/1.02 var(--body);font-weight:500;letter-spacing:-.04em;max-width:680px}
body.artist-javier .work-footnote{max-width:500px;margin-top:19px;color:var(--muted);font:12px/1.45 var(--mono)}
body.artist-javier .conversation-section{grid-template-columns:.7fr 1.3fr;background:var(--paper)}
body.artist-javier .conversation-line{padding:22px 0;border-bottom:2px solid var(--line);font:600 clamp(20px,2.4vw,34px)/1.08 var(--body);text-decoration:none;letter-spacing:-.025em}
body.artist-javier .conversation-list{border-top:2px solid var(--line)}
body.artist-javier .conversation-line span:last-child{color:var(--accent);font:400 23px var(--body);transition:transform .18s ease}
body.artist-javier .conversation-line:hover span:last-child{transform:translate(5px,5px)}
body.artist-javier .questions-section{grid-template-columns:.7fr 1.3fr;background:var(--ink);color:var(--paper);border-color:var(--paper)}
body.artist-javier .questions-section .eyebrow,body.artist-javier .questions-section .question-list p{color:oklch(78% .012 82)}
body.artist-javier .question-list{border-top:2px solid var(--paper)}
body.artist-javier .question-list article{grid-template-columns:46px 1fr;padding:25px 0;border-bottom:1px solid color-mix(in oklch,var(--paper) 55%,transparent)}
body.artist-javier .question-mark{font:400 31px var(--body);color:var(--accent)}
body.artist-javier .question-list h3{margin:0 0 8px;font:600 23px/1.1 var(--body);letter-spacing:-.02em}
body.artist-javier .what-to-send{background:var(--accent);color:var(--ink);border-color:var(--ink)}
body.artist-javier .what-to-send .eyebrow{color:var(--ink)}
body.artist-javier .send-grid h2{font-size:clamp(55px,8vw,126px);line-height:.86}
body.artist-javier .send-grid p{max-width:420px;font-size:17px;line-height:1.35}
body.artist-javier .booking-section{grid-template-columns:.7fr 1.3fr;background:var(--surface)}
body.artist-javier .booking-intro>p:not(.eyebrow){max-width:390px;font-size:16px}
body.artist-javier .local-note{color:var(--muted);font:11px var(--mono);text-transform:uppercase}
body.artist-javier .booking-form{border-top:2px solid var(--line)}
body.artist-javier .form-step{padding-top:25px}
body.artist-javier .form-step legend{font:600 25px var(--body)}
body.artist-javier .step-help,body.artist-javier .form-legal,body.artist-javier .form-message{color:var(--muted);font-size:13px}
body.artist-javier .booking-form label{font:12px var(--mono);text-transform:uppercase;letter-spacing:.02em}
body.artist-javier .booking-form input,body.artist-javier .booking-form textarea,body.artist-javier .booking-form select{font-family:var(--body);border-color:var(--ink)}
body.artist-javier .booking-form textarea{border:2px solid var(--ink)}
body.artist-javier .booking-form input:focus,body.artist-javier .booking-form textarea:focus,body.artist-javier .booking-form select:focus{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}
body.artist-javier .button{border:2px solid var(--ink);font:600 12px var(--mono);text-transform:uppercase}
body.artist-javier .button-dark{background:var(--ink);color:var(--paper)}
body.artist-javier .button:hover{background:var(--accent);color:var(--ink)}
body.artist-javier .footer{border-top:0;background:var(--ink);color:var(--paper);padding:24px 5vw}
body.artist-javier .footer p,body.artist-javier .footer-location{color:oklch(78% .012 82)}
body.artist-javier .footer-links{display:flex;gap:20px}
body.artist-javier .footer a{text-decoration:underline;text-underline-offset:4px}
body.artist-javier .admin-section{background:var(--paper)}
body.artist-javier .admin-header h1{font:400 70px/ .9 var(--display)}
body.artist-javier .admin-warning{border:2px solid var(--accent)}
body.artist-javier .admin-list{border-top:2px solid var(--ink)}
body.artist-javier .small-button{border:2px solid var(--ink)}
@media (max-width:760px){body.artist-javier .topbar{padding:16px 20px}body.artist-javier .opening{padding:60px 20px 54px}body.artist-javier .opening:after{right:20px;top:25px}body.artist-javier .opening h1{font-size:clamp(62px,17vw,95px)}body.artist-javier .hero-intro{font-size:17px;max-width:430px}body.artist-javier .opening-aside{margin-top:64px}body.artist-javier .section{padding:64px 20px}body.artist-javier .section-intro{margin-bottom:40px}body.artist-javier .portfolio-empty p{font-size:32px}body.artist-javier .question-list h3{font-size:21px}body.artist-javier .footer-links{gap:16px;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){body.artist-javier .conversation-line span:last-child{transition:none}}