/*
Theme Name: Merve — Çizgi & Karakter
Author: Merve Geridönmez
Description: Grafik tasarım ve dövme için kişiselleştirilmiş tek sayfalık portfolyo.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: merve-portfolio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--paper:#f4f0e7;--ink:#25241f;--red:#ad201b;--line:#cec8bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #df7237;outline-offset:5px}img{display:block;width:100%}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5vw;background:var(--paper)}.wordmark{font-size:34px;font-weight:800;letter-spacing:-2px}.wordmark span{color:var(--red)}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--red)}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.hero-copy{padding:70px 5vw 35px;position:relative}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.6vw,110px);font-weight:500;letter-spacing:-5px;line-height:1.01;margin-bottom:30px}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--red)}.intro{max-width:330px;font-size:17px;line-height:1.6;margin-bottom:30px}.text-link{display:inline-flex;gap:34px;align-items:center;font-size:14px;border-bottom:1px solid;padding-bottom:6px}.hero-note{margin-top:65px;font-size:10px;letter-spacing:3px;color:#666258}.slider{position:relative;background:#c6c1b4;min-width:0}.slides{height:100%}.slide{margin:0;height:100%;position:relative}.slide[hidden]{display:none}.slide>img{height:700px;object-fit:cover;object-position:50% 48%}.slide>img.contain{object-fit:contain;background:#a7180f}.slide:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}.slide figcaption{position:absolute;left:38px;bottom:90px;color:#fff;z-index:1}.slide figcaption span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:10px}.slide figcaption strong{font-family:Georgia,serif;font-size:38px;font-weight:400}.slider-controls{position:absolute;bottom:25px;left:38px;right:38px;display:flex;align-items:center;gap:20px;color:#fff;z-index:2;font-size:12px}.slider-controls button{background:none;border:1px solid #ffffff80;border-radius:50%;width:38px;height:38px}.slider-controls #pause{border:0;border-radius:0;width:auto;height:auto;margin-left:auto;font-size:11px;text-decoration:underline}.ribbon{background:var(--red);color:var(--paper);display:flex;justify-content:space-around;gap:20px;align-items:center;padding:21px 3vw;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:3px}.ribbon span:nth-child(even){font-size:27px;line-height:1}.portfolio{padding:95px 5vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px;gap:20px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(40px,4.6vw,70px);line-height:1.1;letter-spacing:-2.5px;font-weight:400;margin-bottom:0}h2 span{color:var(--red)}.section-heading>p{font-size:14px;margin-bottom:0;color:#625e55}.graphic-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.graphic-grid article:first-child{grid-column:1 / -1}.image-button{display:block;border:0;background:none;padding:0;width:100%;overflow:hidden;position:relative}.image-button:after{content:'↗';position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;background:var(--paper);border-radius:50%;color:var(--ink)}.image-button img{transition:transform .5s}.image-button:hover img{transform:scale(1.025)}.graphic-grid img{aspect-ratio:1.78;object-fit:contain;background:#aa180e}.graphic-grid article:first-child img{max-height:590px}.project-line{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.project h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin-bottom:5px}.project-line span{font-size:11px}.project .category{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.project>p:last-child{font-size:14px;max-width:480px;color:#686359;margin-bottom:0}.tattoos{background:var(--ink);color:var(--paper)}.tattoos h2 span{color:#e75f4e}.tattoo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px;align-items:start}.tattoo-grid img{aspect-ratio:3/4;object-fit:cover}.tattoo-grid .project:nth-child(2){padding-top:75px}.tattoo-grid .project:nth-child(4){grid-column:2;padding-top:20px}.tattoo-grid .project:nth-child(5){padding-top:90px}.tattoos .project-line{border-color:#666257}.tattoos .project>p:last-child{color:#c6c0b4}.tattoos .text-link{color:#eee7dc}.about{padding:110px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:60px}.signature{font-family:Georgia,serif;font-style:italic;transform:rotate(-9deg);color:var(--red);font-size:54px;margin-top:80px;display:inline-block}.about-lead{font-size:21px;line-height:1.65;margin-bottom:45px}.bio-row{display:grid;grid-template-columns:135px 1fr;border-top:1px solid var(--line);padding-top:20px;gap:20px}.bio-row h3{font-size:11px;text-transform:uppercase;letter-spacing:1px}.bio-row p{font-size:14px}.bio-row small{color:#716b61}.contact{background:var(--red);color:var(--paper);padding:80px 5vw 40px}.contact h2{font-size:clamp(64px,8vw,125px);margin-bottom:35px;line-height:1.05}.contact h2 em{color:inherit}.email{font-size:clamp(16px,2.5vw,35px);border-bottom:1px solid #ffffff80;padding-bottom:12px;display:inline-block;overflow-wrap:anywhere}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff50;margin-top:70px;padding-top:30px;font-size:14px}.contact-bottom>div{display:flex;gap:35px}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 5vw;font-size:11px;letter-spacing:.3px}dialog{border:0;background:#1b1a18;color:white;max-width:95vw;max-height:95dvh;padding:45px 20px 15px}dialog::backdrop{background:#000d}dialog img{max-height:76dvh;width:auto;max-width:85vw;object-fit:contain;margin:auto}dialog p{text-align:center;margin:10px 0 0}.close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:13px}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:820px}.slide>img{height:820px}.hero-copy{padding-top:90px}}@media(max-width:800px){header{height:auto;min-height:90px;gap:15px;flex-wrap:wrap;padding:15px 6vw}nav{gap:18px;font-size:12px;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6vw 35px}h1{font-size:74px;letter-spacing:-4px}.hero-note{margin-top:35px}.slide>img{height:540px}.ribbon{justify-content:flex-start;font-size:10px;gap:28px}.portfolio{padding:60px 6vw}.section-heading{align-items:start;flex-direction:column;margin-bottom:30px}h2{font-size:48px}.graphic-grid{grid-template-columns:1fr;gap:35px}.graphic-grid article:first-child{grid-column:auto}.tattoo-grid{grid-template-columns:1fr 1fr;gap:32px 18px}.tattoo-grid .project:nth-child(n){padding-top:0;grid-column:auto}.tattoo-grid .project:last-child{grid-column:1/-1;max-width:65%;margin:0 auto}.project h3{font-size:20px}.project>p:last-child{font-size:13px}.about{grid-template-columns:1fr;padding:65px 6vw;gap:40px}.signature{margin-top:25px;font-size:40px}.about-lead{font-size:18px}.bio-row{grid-template-columns:100px 1fr;gap:15px}.contact{padding:60px 6vw 30px}.contact-bottom{flex-direction:column;gap:20px;margin-top:45px}.contact-bottom>div{gap:18px;flex-wrap:wrap}footer{padding:25px 6vw;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(max-width:400px){h1{font-size:61px}.tattoo-grid{grid-template-columns:1fr}.tattoo-grid .project:last-child{max-width:100%}nav{gap:14px}.slide>img{height:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* WordPress Ek CSS üzerinden vurgu rengini değiştirmeyi destekler. */
:root{--accent:#ad201b;--red:var(--accent)}