/* Çağdaş Al Tattoo Art — temel: renk, tipografi, düzen, header, footer, butonlar, form öğeleri
   Konsept: galeri duvarı + mürekkep siyahı; tek vurgu = termal stencil moru (her dövmenin başladığı çizgi) */
:root{
  --wall:#ecedea;--wall-2:#e0e1dd;--paper:#f7f7f5;
  --ink:#000;--text:#1e1e1d;--graphite:#5b5b58;--rule:rgba(0,0,0,.14);
  --stencil:#5a2ea6;--stencil-soft:#bba5ef;--danger:#a11d1d;
  --night:#000;--night-text:#e4e4e0;--night-muted:#9d9d98;--night-rule:rgba(255,255,255,.16);
  --font-ui:"Jost",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-text:"Spectral",Georgia,"Times New Roman",serif;
  --wrap:1320px;--gutter:clamp(1.25rem,4vw,3rem);--header-h:72px;--section:clamp(4.5rem,9vw,8rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}
body{margin:0;background:var(--wall);color:var(--text);font:400 1.0625rem/1.55 var(--font-ui);-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
img{background-color:var(--ph,transparent)}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--font-ui);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--stencil);outline-offset:3px}
::selection{background:var(--stencil);color:#fff}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-6rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--ink);color:var(--wall);text-decoration:none}
.skip-link:focus{top:1rem}
main:focus{outline:none}
.icon{flex:none;width:1.25rem;height:1.25rem}

/* Tipografi rolleri: Jost = başlık/arayüz, Spectral = okuma metni */
.page-title{font-size:clamp(2.75rem,7.5vw,6rem);font-weight:300;line-height:.98;letter-spacing:-.035em}
.section-title{font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:300;letter-spacing:-.025em}
.page-lead,.section-intro,.prose{font-family:var(--font-text)}
.page-lead{max-width:54ch;font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.6;color:var(--graphite)}
.section-intro{max-width:52ch;font-size:1.1875rem;line-height:1.6;color:var(--graphite)}
.prose{max-width:64ch;font-size:1.1875rem;line-height:1.72}
.prose p+p{margin-top:1.05em}
.text-link{font-weight:500;text-decoration:underline;text-decoration-color:var(--stencil);text-decoration-thickness:1.5px;text-underline-offset:.32em}
.text-link:hover{text-decoration-thickness:3px}

/* Butonlar (yuvarlak hap: logodaki çemberin yankısı) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.75rem 1.6rem;border:1px solid transparent;border-radius:999px;font-family:var(--font-ui);font-size:1rem;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn--ink{background:var(--ink);color:var(--wall)}
.btn--ink:hover{background:var(--stencil)}
.btn--ghost{background:transparent;border-color:rgba(0,0,0,.35);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--light{background:var(--wall);color:var(--ink)}
.btn--light:hover{background:var(--stencil-soft)}
.btn[disabled]{opacity:.55;cursor:progress}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:var(--wall);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.is-scrolled{border-bottom-color:var(--rule)}
.site-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:.75rem;margin-right:auto;color:var(--ink);text-decoration:none}
.brand__mark{width:42px;height:42px}
.brand__name{font-size:1.0625rem;font-weight:500;line-height:1.1}
.brand__sub{display:block;font-size:.8125rem;font-weight:400;color:var(--graphite)}
.nav-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 0;background:none;border:0;font-weight:500;cursor:pointer}
.nav-toggle__bars{width:22px;height:9px;border-block:1.5px solid var(--ink);transition:height .2s}
.site-nav{display:none}
.site-nav__link{padding:.35rem 0;text-decoration:none;background:linear-gradient(var(--stencil),var(--stencil)) 0 100%/0 1.5px no-repeat;transition:background-size .25s}
.site-nav__link:hover,.site-nav__link[aria-current="page"]{background-size:100% 1.5px}
.lang-switch{display:flex;gap:.9rem;font-size:.875rem;font-weight:500;letter-spacing:.04em}
.lang-switch a{padding:.25rem 0;color:var(--graphite);text-decoration:none}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current="true"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--stencil);text-decoration-thickness:1.5px;text-underline-offset:.4em}
@media (min-width:1000px){
  .nav-toggle{display:none}
  .site-nav{display:flex;align-items:center;gap:2.25rem}
  .site-nav__list{display:flex;gap:1.75rem}
}
@media (max-width:999.98px){
  .nav-open{overflow:hidden}
  .nav-open .site-nav{position:fixed;inset:var(--header-h) 0 0;z-index:39;display:flex;flex-direction:column;align-items:flex-start;gap:2.25rem;padding:2rem var(--gutter) 3rem;overflow-y:auto;background:var(--wall);border-top:1px solid var(--rule)}
  .nav-open .site-nav__list{display:grid;gap:.4rem}
  .nav-open .site-nav__link{font-size:2.25rem;font-weight:300}
  .nav-open .lang-switch{gap:1.5rem;font-size:1rem}
  .nav-open .nav-toggle__bars{height:0;border-bottom:0}
}

/* Footer */
.site-footer{padding-block:clamp(3.5rem,7vw,5rem) 2rem;background:var(--night);color:var(--night-text);border-top:1px solid var(--night-rule)}
.site-footer__grid{display:grid;gap:2.5rem}
@media (min-width:760px){.site-footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.site-footer__brand img{width:64px;height:64px}
.site-footer__name{margin-top:1rem;font-weight:500;color:#fff}
.site-footer__place{margin-top:.2rem;color:var(--night-muted)}
.site-footer__title{margin-bottom:1rem;font-size:.9375rem;font-weight:500;color:var(--night-muted)}
.site-footer ul{display:grid;gap:.55rem}
.site-footer a{color:var(--night-text);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--stencil-soft);text-underline-offset:.25em}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--night-rule);font-size:.875rem;color:var(--night-muted)}
.site-footer :focus-visible,.cta-band :focus-visible,.lightbox :focus-visible{outline-color:var(--stencil-soft)}

/* İletişim düğmesi (Chaty yerine, üçüncü parti script yok) */
.dock{position:fixed;bottom:1rem;left:1rem;z-index:45;display:grid;justify-items:start;gap:.5rem}
.dock__list{display:grid;gap:.5rem}
.dock__list[hidden]{display:none}
.dock__item{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem .55rem .75rem;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:999px;font-weight:500;text-decoration:none}
.dock__item:hover{border-color:var(--ink)}
.dock__toggle{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.15rem;background:var(--ink);color:var(--wall);border:0;border-radius:999px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.dock__toggle[aria-expanded="true"]{background:var(--stencil)}

/* Form öğeleri */
.form-grid{display:grid;gap:1.25rem 1.5rem}
@media (min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}
.field{display:grid;align-content:start;gap:.4rem}
.field__label{font-size:.9375rem;font-weight:500;color:var(--ink)}
.field__optional{font-weight:400;color:var(--graphite)}
.field input,.field select{width:100%;min-height:3.1rem;padding:.75rem .9rem;background:var(--paper);border:1px solid #b5b5b0;border-radius:6px;font-size:1rem;color:var(--ink)}
.field input:focus,.field select:focus{border-color:var(--stencil);outline:2px solid var(--stencil);outline-offset:0}
.field select{appearance:none;padding-right:2.75rem;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center}
.field input[type=number]{-moz-appearance:textfield;appearance:textfield}
.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.field__hint{font-size:.875rem;color:var(--graphite)}
.field__error{font-size:.875rem;color:var(--danger)}
.field__error:empty{display:none}
.field--error input,.field--error select{border-color:var(--danger)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.site-header,.dock,.cta-band,video{display:none!important}body{background:#fff}}