/*
Theme Name: YS Atölye
Theme URI: https://www.yasarseher.com/
Author: Softrewin
Description: Yaşar Seher'in teknoloji, tasarım ve prototip projeleri için hazırlanmış hafif ve duyarlı tema.
Version: 1.3.2
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: ys-atelier
*/

:root{--night:#071923;--night-soft:#102c39;--ink:#152b36;--muted:#52636a;--paper:#f5f4ef;--white:#fff;--line:#dce3e1;--mint:#a3e3d8;--aqua:#58d4c7;--orange:#ffb369;--radius:22px;--shadow:0 24px 60px rgba(12,43,51,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img,video,iframe{max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--mint);color:var(--night)}
:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
.wrap{width:min(100% - 48px,1240px);margin-inline:auto}
.skip-link{position:absolute;z-index:200;top:-100px;left:20px;background:var(--white);color:var(--night);padding:10px 16px;border-radius:8px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,25,35,.96);color:var(--white);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}
.header-inner{display:flex;align-items:center;gap:26px;min-height:82px}
.brand{display:inline-flex;align-items:center;gap:13px;flex:none;line-height:1.1}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--aqua);border-radius:13px;color:var(--night);font-size:16px;font-weight:900;letter-spacing:-.08em;transform:rotate(-5deg)}
.brand-mark span{transform:rotate(5deg)}
.brand-copy{display:flex;flex-direction:column;gap:3px}
.brand-copy strong{font-size:16px;font-weight:800;letter-spacing:-.035em}
.brand-copy small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9eb6b7;font-weight:700}
.site-nav{display:flex;align-items:center;gap:32px;margin-left:auto}
.site-nav a{font-size:13px;font-weight:700;color:#e7eeee;transition:color .2s}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--aqua)}
.site-nav ul{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}
.header-search{position:relative;flex:none}
.header-search summary{display:grid;place-items:center;width:40px;height:40px;list-style:none;border:1px solid rgba(255,255,255,.22);border-radius:50%;cursor:pointer}
.header-search summary::-webkit-details-marker{display:none}
.header-search summary:hover{background:rgba(255,255,255,.1)}
.search-panel{position:absolute;right:0;top:calc(100% + 15px);width:min(360px,calc(100vw - 30px));padding:18px;background:var(--white);color:var(--ink);border-radius:16px;box-shadow:var(--shadow)}
.search-form{display:flex;gap:8px}
.search-form label{flex:1}
.search-form input{width:100%;min-height:46px;padding:10px 14px;background:#f5f7f5;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.search-form button{border:0;background:var(--night);color:var(--white);padding:0 16px;border-radius:10px;font-weight:700}
.menu-toggle{display:none;border:0;background:none;color:var(--white);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.menu-toggle svg{vertical-align:middle;margin-left:8px}
.hero{position:relative;overflow:hidden;background:var(--night);color:var(--white);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(44,180,168,.16),transparent 30%),radial-gradient(circle at 86% 74%,rgba(255,179,105,.13),transparent 31%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,58px 58px,58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 110%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(42px,6vw,100px);min-height:690px;padding-block:80px 110px}
.eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 25px;color:var(--aqua);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.hero h1{max-width:720px;margin:0;font-size:clamp(56px,6.5vw,104px);font-weight:850;line-height:.99;letter-spacing:-.075em}
.hero h1 em{font-style:normal;color:var(--aqua)}
.hero-lead{max-width:565px;margin:30px 0 34px;color:#b8c9ca;font-size:clamp(16px,1.35vw,19px);line-height:1.7}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--aqua);color:var(--night);box-shadow:0 12px 32px rgba(88,212,199,.2)}
.button-primary:hover{background:#9aeee1}
.button-outline{background:transparent;border-color:rgba(255,255,255,.35);color:var(--white)}
.button-outline:hover{background:rgba(255,255,255,.08)}
.button-dark{background:var(--night);color:var(--white)}
.hero-meta{display:flex;align-items:center;gap:12px;margin-top:48px;color:#a8c0c0;font-size:12px;font-weight:650;letter-spacing:.035em}
.hero-meta .dash{width:28px;height:1px;background:#6c9293}
.hero-art{position:relative;max-width:570px;width:100%;margin-inline:auto}
.hero-art::before{content:"";position:absolute;inset:-22px 24px 36px -22px;border:1px solid rgba(163,227,216,.32);border-radius:32px;transform:rotate(-5deg)}
.hero-feature{display:block;position:relative;overflow:hidden;min-height:540px;border-radius:27px;background:#173742;box-shadow:0 35px 80px rgba(0,0,0,.26);transform:rotate(2deg);transition:transform .3s}
.hero-feature:hover{transform:rotate(0) translateY(-5px)}
.hero-feature img{display:block;width:100%;height:540px;object-fit:cover;filter:saturate(.82)}
.hero-feature::after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(transparent,rgba(3,18,25,.92))}
.hero-feature-content{position:absolute;z-index:1;inset:auto 30px 28px;color:var(--white)}
.hero-feature-label{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.55);border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.hero-feature h2{max-width:420px;margin:15px 0 0;font-size:clamp(27px,3vw,44px);line-height:1.1;letter-spacing:-.05em}
.hero-feature-arrow{position:absolute;right:0;bottom:4px;font-size:28px;color:var(--aqua)}
.hero-stamp{position:absolute;z-index:2;right:-18px;top:-23px;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--orange);color:var(--night);font-size:12px;line-height:1.25;text-align:center;font-weight:900;letter-spacing:.03em;transform:rotate(13deg);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.ticker{background:var(--aqua);color:var(--night);overflow:hidden}
.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.ticker-inner span:nth-child(even){font-size:20px;line-height:1;color:#308e88}
.section{padding-block:100px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.section-heading .eyebrow{margin-bottom:14px;color:#127d79}
.section-heading h2,.statement h2,.archive-head h1{margin:0;font-size:clamp(40px,4.2vw,68px);line-height:1.06;letter-spacing:-.065em;font-weight:830}
.section-heading p{max-width:390px;margin:0 0 7px;color:var(--muted);font-size:15px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.project-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 5px 22px rgba(10,39,47,.04);transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.project-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:1.65;background:linear-gradient(130deg,#163945,#81c7ba)}
.project-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.project-card:hover img{transform:scale(1.045)}
.project-card-fallback{display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.78);font-size:100px;font-weight:900;letter-spacing:-.1em}
.project-card-index{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(7,25,35,.88);color:var(--white);font-size:12px;font-weight:800}
.project-card-body{padding:29px 30px 28px}
.project-card-meta,.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#657780;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.project-card-meta .dot,.article-meta .dot{color:#adbbbc}
.project-card h3{margin:17px 0 12px;font-size:clamp(24px,2.3vw,34px);line-height:1.18;letter-spacing:-.048em}
.project-card h3 a:hover{color:#137b79}
.project-card p{margin:0 0 25px;color:var(--muted);font-size:14px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:10px;color:#0f7773;font-size:12px;font-weight:900;letter-spacing:.065em;text-transform:uppercase}
.text-link span{font-size:20px;line-height:1;transition:transform .2s}
.text-link:hover span{transform:translate(3px,-3px)}
.pagination{margin-top:42px}
.nav-links{display:flex;gap:9px;flex-wrap:wrap}
.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;background:var(--white);border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:800}
.page-numbers.current,.page-numbers:hover{background:var(--night);color:var(--white);border-color:var(--night)}
.statement{position:relative;overflow:hidden;background:#e6eeea;padding:90px 0}
.statement::before{content:"YS";position:absolute;right:-15px;bottom:-100px;color:rgba(14,89,89,.055);font-size:clamp(250px,36vw,520px);font-weight:900;line-height:1;letter-spacing:-.12em;pointer-events:none}
.statement-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}
.statement .eyebrow{color:#0b6864}
.statement h2{max-width:790px}
.statement h2 span{color:#11827e}
.statement p{margin:0;color:#4f696c;font-size:16px;line-height:1.85}
.topic-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.topic-pills span{padding:8px 12px;border:1px solid #bdd3ce;border-radius:999px;color:#2e6463;font-size:11px;font-weight:800}
.site-footer{background:var(--night);color:var(--white);padding:74px 0 25px}
.footer-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:68px}
.footer-top p{margin:0 0 13px;color:var(--aqua);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.footer-top h2{max-width:700px;margin:0;font-size:clamp(36px,5vw,70px);line-height:1.1;letter-spacing:-.06em}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px;border-top:1px solid rgba(255,255,255,.16);color:#96afb0;font-size:12px}
.footer-bottom a:hover{color:var(--aqua)}
.footer-bottom nav{display:flex;gap:24px}
.inner-hero{position:relative;overflow:hidden;background:var(--night);color:var(--white);padding:90px 0 105px}
.inner-hero::after{content:"";position:absolute;right:-140px;bottom:-280px;width:620px;height:620px;border:1px solid rgba(88,212,199,.2);border-radius:50%;box-shadow:0 0 0 85px rgba(88,212,199,.035),0 0 0 170px rgba(88,212,199,.025);pointer-events:none}
.inner-hero .wrap{position:relative;z-index:1}
.inner-hero .eyebrow{margin-bottom:20px}
.inner-hero h1{max-width:950px;margin:0;font-size:clamp(45px,6vw,86px);font-weight:850;line-height:1.05;letter-spacing:-.068em;overflow-wrap:anywhere}
.inner-hero .lede{max-width:710px;margin:25px 0 0;color:#b9cacc;font-size:clamp(16px,1.5vw,20px);line-height:1.7}
.inner-hero .article-meta{margin-top:30px;color:#a2bcbd}
.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:#9db6b7;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.breadcrumb a:hover{color:var(--aqua)}
.single-cover{position:relative;z-index:2;margin-top:-58px}
.single-cover img{display:block;width:100%;max-height:650px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.article-shell{display:grid;grid-template-columns:minmax(0,800px) minmax(0,250px);justify-content:space-between;gap:70px;padding-top:70px;padding-bottom:110px}
.article-body{min-width:0;color:#263d48;font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.article-body>*:first-child{margin-top:0}
.article-body h2,.article-body h3,.article-body h4{line-height:1.18;letter-spacing:-.045em;color:var(--night);scroll-margin-top:100px}
.article-body h2{font-size:clamp(31px,3vw,44px);margin:55px 0 18px}
.article-body h3{font-size:clamp(25px,2.2vw,31px);margin:42px 0 15px}
.article-body p{margin:0 0 26px}
.article-body a:not(.wp-block-button__link){color:#0b827b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body a:hover{color:#075a59}
.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 28px}
.article-body li{padding-left:4px;margin-bottom:8px}
.article-body img{border-radius:14px}
.article-body figure{max-width:100%;margin:34px 0}
.article-body figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}
.article-body pre,.article-body .wp-block-code{max-width:100%;overflow-x:auto;padding:24px;background:#0b202a;color:#e4f2ef;border-radius:16px;font-size:13px;line-height:1.65;tab-size:2}
.article-body pre code{background:none;padding:0;white-space:pre}
.article-body code{padding:2px 5px;background:#e4ebe8;border-radius:5px;font-size:.88em}
.article-body .wp-block-table{overflow-x:auto}
.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:30px 0;font-size:14px}
.article-body th,.article-body td{border:1px solid var(--line);padding:11px 13px;min-width:90px}
.article-body th{background:#e9eeeb;text-align:left}
.article-body blockquote{margin:35px 0;padding:12px 0 12px 25px;border-left:4px solid var(--aqua);font-size:1.12em;color:#31545a}
.article-body iframe{display:block;max-width:100%;border:0}
.article-body .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9}
.article-body .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.article-body .wp-block-button__link{background:var(--night);border-radius:999px;padding:12px 20px;color:var(--white);font-size:13px;font-weight:800}
.article-body .alignwide{max-width:1080px}
.article-body .alignfull{width:100%}
.article-aside{align-self:start;position:sticky;top:120px}
.aside-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.aside-panel .label{margin:0 0 17px;color:#127d79;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.aside-panel p{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.7}
.share-actions{display:flex;gap:8px;flex-wrap:wrap}
.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font-size:11px;font-weight:800}
.share-actions a:hover,.share-actions button:hover{border-color:var(--aqua);background:#eff9f6}
.article-tail{margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
.article-tail .tags{display:flex;gap:8px;flex-wrap:wrap}
.article-tail .tags a{display:inline-block;padding:7px 10px;background:#e4edeb;border-radius:7px;color:#35706f;font-size:12px;text-decoration:none}
.post-navigation{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:50px}
.post-navigation a{display:block;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:13px;font-weight:750;line-height:1.4}
.post-navigation small{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.related-section{padding:75px 0;background:#e9eeeb}
.related-section .eyebrow{color:#0b6864}
.related-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-section .project-card-body{padding:22px}
.related-section .project-card h3{font-size:23px}
.related-section .project-card p{display:none}
.comments-area{padding:70px 0 100px;max-width:800px}
.comments-area h2,.comment-reply-title{font-size:31px;line-height:1.2;letter-spacing:-.05em}
.comment-list{list-style:none;padding:0;margin:30px 0}
.comment-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.comment-list .children{list-style:none;margin-left:25px;padding:0}
.comment-author{font-weight:800}
.comment-metadata{color:var(--muted);font-size:12px}
.comment-content{margin-top:12px}
.comment-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:800}
.comment-form textarea,.comment-form input:not([type="checkbox"]){display:block;width:100%;padding:13px 15px;background:var(--white);border:1px solid var(--line);border-radius:10px}
.comment-form p{margin:0 0 18px}
.comment-form .submit{width:auto!important;min-height:45px;border:0!important;background:var(--night)!important;color:var(--white);font-weight:800;cursor:pointer}
.archive-head{padding:90px 0 55px}
.archive-head p{max-width:650px;color:var(--muted)}
.archive-grid{padding-bottom:110px}
.empty-state{padding:70px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.empty-state h2{margin-top:0;font-size:30px}
.empty-state .search-form{max-width:500px}
.page-content{max-width:850px;padding-top:75px;padding-bottom:110px}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:1100px){.hero-grid{gap:38px;min-height:620px}.hero h1{font-size:clamp(52px,6.7vw,74px)}.hero-feature,.hero-feature img{height:470px;min-height:470px}.article-shell{grid-template-columns:minmax(0,1fr) 220px;gap:35px}.related-section .project-grid{gap:16px}}
@media (max-width:800px){.wrap{width:min(100% - 36px,1240px)}.header-inner{min-height:72px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:23px 18px 28px;background:var(--night);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 20px 35px rgba(0,0,0,.2)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.site-nav ul{align-items:stretch;flex-direction:column;gap:18px}.site-nav a{font-size:17px}.hero-grid{grid-template-columns:1fr;padding-block:70px 92px;gap:65px}.hero h1{max-width:720px;font-size:clamp(58px,10vw,88px)}.hero-art{max-width:620px}.hero-feature,.hero-feature img{height:440px;min-height:440px}.ticker-inner{justify-content:flex-start;gap:28px}.section{padding-block:75px}.statement-inner{grid-template-columns:1fr;gap:25px}.article-shell{display:block;padding-top:48px}.article-aside{position:static;margin-top:45px}.aside-panel{max-width:550px}.related-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.brand-mark{width:39px;height:39px}.brand-copy small{font-size:8px}.header-inner{gap:11px}.header-search summary{width:36px;height:36px}.hero-grid{padding-block:61px 80px;gap:48px}.hero h1{font-size:clamp(51px,12vw,72px)}.hero-lead{font-size:16px}.hero-meta{margin-top:35px}.hero-art{width:calc(100% - 18px)}.hero-feature,.hero-feature img{height:350px;min-height:350px}.hero-feature-content{inset:auto 21px 22px}.hero-feature h2{font-size:28px}.hero-stamp{width:72px;height:72px;right:-15px;top:-20px;font-size:10px}.ticker-inner{min-height:48px;font-size:10px;gap:22px}.section-heading{display:block}.section-heading p{margin-top:17px}.project-grid,.related-section .project-grid{grid-template-columns:1fr;gap:18px}.project-card-body{padding:24px}.statement{padding:70px 0}.statement h2{font-size:clamp(39px,9vw,54px)}.footer-top,.footer-bottom{display:block}.footer-top{padding-bottom:50px}.footer-top .button{margin-top:27px}.footer-bottom nav{margin-top:13px}.inner-hero{padding:62px 0 92px}.inner-hero h1{font-size:clamp(43px,10vw,62px)}.single-cover{margin-top:-42px}.single-cover img{border-radius:16px}.article-body{font-size:16px}.article-body pre{font-size:12px}.post-navigation{grid-template-columns:1fr}.archive-head{padding:65px 0 35px}.empty-state{padding:35px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}