/*
Theme Name: VAD Design
Description: Automotive Portfolio für Vedat Afuzi Design.
Version: 1.0.0
Author: Vedat Afuzi Design
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: vad-design
*/
:root{color-scheme:light;--bg:#fff;--ink:#181818;--line:#dedede;--muted:#666}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}body.dark{color-scheme:dark;--bg:#151515;--ink:#f5f5f5;--line:#333;--muted:#aaa}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #e88048;outline-offset:-4px}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px}.identity{text-decoration:none}.identity strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.045em;line-height:1.2}.identity span{display:block;font-size:14px;color:var(--muted);margin-top:7px;letter-spacing:.025em}nav{display:flex;gap:23px;align-items:center;font-size:14px}nav a{text-decoration:none}nav button{border:0;background:none;color:var(--muted);padding:10px 0;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.tile{position:relative;display:block;aspect-ratio:404/316;overflow:hidden;background:#222;color:white;text-decoration:none}.tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.tile::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.tile h2{position:absolute;z-index:1;left:18px;right:18px;bottom:17px;margin:0;font-size:15px;font-weight:400;line-height:1.35;text-shadow:0 1px 8px #0009}.tile:hover img{transform:scale(1.04)}.tile:hover::after{background:linear-gradient(transparent,rgba(0,0,0,.86))}footer{padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer a{text-decoration:none}.project-head{max-width:1600px;margin:auto;padding:45px 40px 48px;border-top:1px solid var(--line)}.back{font-size:14px;text-decoration:none;color:var(--muted)}h1{font-size:clamp(28px,3.5vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.13;max-width:1050px;margin:24px 0 0}.project-body{max-width:1600px;margin:auto}.image-block{margin:0}.image-block img{display:block;width:100%;height:auto}.description{max-width:920px;margin:45px auto;padding:0 32px;font-size:17px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}.description a{text-underline-offset:4px}.image-group{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0;align-items:start}.embed{margin:30px auto;max-width:1400px;aspect-ratio:16/9}.embed iframe,.embed video{width:100%;height:100%;border:0}.project-end{max-width:1600px;margin:auto;padding:42px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:15px}.project-end a{text-decoration:none}.skip{position:absolute;top:-80px;left:10px;padding:12px;background:var(--bg);z-index:10}.skip:focus{top:10px}@media(min-width:1800px){.tile h2{font-size:18px;left:24px;bottom:23px}}@media(max-width:1000px){header{padding:24px;gap:20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile h2{font-size:14px;left:14px;right:14px;bottom:14px}.identity strong{font-size:22px}nav{gap:15px}}@media(max-width:600px){header{padding:23px 18px;align-items:flex-start;flex-direction:column;gap:18px}.identity strong{font-size:23px}.identity span{font-size:13px}nav{gap:23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{aspect-ratio:1/1}.tile h2{font-size:14px;left:12px;right:12px;bottom:12px}.project-head{padding:25px 20px 30px}.description{padding:0 20px;font-size:16px;margin:28px auto}.image-group{grid-template-columns:1fr}.project-end{padding:30px 20px;flex-wrap:wrap}footer{padding:25px 18px;align-items:flex-start;font-size:12px}.embed{margin:15px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img{transition:none}}.identity{display:flex;align-items:center}.vad-logo{display:block;width:140px;height:76px;object-fit:cover;filter:invert(1);mix-blend-mode:multiply}body.dark .vad-logo{filter:none;mix-blend-mode:screen}header{min-height:110px;padding-top:17px;padding-bottom:17px}nav .theme-toggle{width:44px;height:44px;padding:7px;display:grid;place-items:center;color:var(--ink);border-radius:50%}nav .theme-toggle:hover{background:var(--line)}@media(max-width:600px){header{flex-direction:row;align-items:center;gap:12px;padding:12px 18px;min-height:100px}.vad-logo{width:118px;height:68px}nav{gap:16px}}.tile:hover img{transform:none}.render-buckets{position:absolute;inset:0;display:grid;grid-template-columns:repeat(11,9.375%);grid-template-rows:repeat(8,12.5%);overflow:hidden;pointer-events:none;z-index:1}.render-buckets>span{display:block;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0;min-height:0}.tile::after{z-index:2}.tile h2{z-index:3;opacity:0;transition:none}.tile:hover h2,.tile:focus-visible h2{opacity:1}.tile::after{opacity:0;transition:opacity .18s ease}.tile:hover::after,.tile:focus-visible::after{opacity:1}@media(hover:none){.tile h2,.tile::after{opacity:1}}@media(prefers-reduced-motion:reduce){.tile h2,.tile::after{transition:none}}@media(prefers-reduced-motion:reduce){.render-buckets{display:none}}
.vad-menu{display:flex;gap:23px;list-style:none;margin:0;padding:0}.vad-content>.wp-block-image{margin:0}.vad-content>.wp-block-image img{display:block;width:100%;height:auto}.vad-content>p,.vad-content>h2,.vad-content>h3{max-width:920px;margin:36px auto;padding:0 32px;font-size:17px;line-height:1.75}.vad-content>.wp-block-gallery{gap:0}.admin-bar header{scroll-margin-top:32px}