/* Esra Karakoç Bayar — shared foundations. Page compositions live in their own sheets. */
:root{--ek-paper:#faf8f4;--ek-surface:#fffefa;--ek-ink:#34313a;--ek-muted:#716b73;--ek-line:#dedbd5;--ek-accent:#796487;--ek-lavender:#eee9f1;--ek-rose:#efe3df;--ek-sage:#e8ece5;--ek-serif:Wellness,Georgia,serif;--ek-sans:'Segoe UI',Arial,sans-serif;--ek-radius-panel:22px;--ek-radius-content:18px;--ek-radius-ui:14px;--ek-radius-control:10px;--ek-shadow:0 12px 32px -22px #37303d40}
body.art-directed{background:var(--ek-paper);color:var(--ek-ink);font:400 15px/1.65 var(--ek-sans)}
.art-directed p,.art-directed .muted{color:var(--ek-muted)}
.art-directed h1,.art-directed h2{color:var(--ek-ink)}
.art-directed h3{font:600 20px/1.4 var(--ek-sans);letter-spacing:-.3px}
.art-directed .wrap{width:min(1320px,calc(100% - 96px))}
.art-directed .eyebrow{font:600 10px/1.6 var(--ek-sans);letter-spacing:1.7px;color:var(--ek-accent)}
.art-directed .icon{stroke-width:1.5}
.art-directed .btn{background:var(--ek-accent);color:white;border:1px solid transparent;border-radius:var(--ek-radius-control);box-shadow:none;min-height:46px;padding:11px 22px;gap:10px;font:600 13px/1.5 var(--ek-sans);transition:background .18s,border-color .18s,color .18s}
.art-directed .btn:hover{background:#665371;transform:none;box-shadow:none;color:white}
.art-directed .btn-outline{background:transparent;border-color:#bbb0c2;color:#65516f}
.art-directed .btn-outline:hover{background:var(--ek-lavender);border-color:#796487;color:#493653}
.art-directed .btn-cream{background:var(--ek-surface);color:var(--ek-ink);border-color:var(--ek-line)}
.art-directed .btn-pink{background:#796487;color:white}
.art-directed .btn-danger{background:#a34650}
.art-directed .btn:disabled{background:#e6e3e7;color:#69626e;opacity:1;cursor:not-allowed;box-shadow:none;transform:none}
.art-directed .btn-small{min-height:40px;padding:9px 16px;font-size:12px}
.art-directed .btn .icon{width:17px;height:17px;transform:none}
.art-directed :focus-visible{outline:2px solid #796487;outline-offset:4px}
.art-directed input:not([type=checkbox]):not([type=radio]),.art-directed select,.art-directed textarea{background:var(--ek-surface);border-color:#ccc7cf;border-radius:10px;color:var(--ek-ink);font-size:14px}
.art-directed input:not([type=checkbox]):not([type=radio]),.art-directed select{min-height:48px}
.art-directed input::placeholder,.art-directed textarea::placeholder{color:#817a84}
.art-directed form label{color:#4f4955;font-size:13px;line-height:1.6}
.art-directed .checkline{font-size:12px}
.art-directed .text-link,.art-directed .text-button{color:#695576;font-size:13px;text-underline-offset:5px}
.art-directed .text-link:hover,.art-directed .text-button:hover{text-decoration:underline}
.art-directed .badge{font:500 11px/1.5 var(--ek-sans);padding:4px 9px}
.art-directed .metadata{font-size:12px;color:var(--ek-muted)}
.art-directed .panel{border-color:var(--ek-line);border-radius:14px;box-shadow:none;background:var(--ek-surface)}
.art-directed .empty-state{min-height:0;border:0;border-top:1px solid var(--ek-line);border-bottom:1px solid var(--ek-line);border-radius:0;background:transparent;padding:32px 0;text-align:left}
.art-directed .empty-state h2{font:600 20px/1.4 var(--ek-sans);margin-bottom:10px}
.art-directed .empty-state p{font-size:14px;max-width:540px;margin:0 0 20px}
.art-directed .empty-state .round-icon{width:28px;height:28px;background:none;margin:0 0 14px;border:0}
.art-directed .site-header{height:94px;gap:24px}
.art-directed .site-header .brand{gap:12px}
.art-directed .site-header .brand-symbol{background:transparent;width:46px;height:46px}
.art-directed .site-header .brand-symbol .icon{width:32px;height:32px}
.art-directed .site-header .brand strong{font-size:23px;color:#34313a}
.art-directed .site-header .brand small{font-size:9px;letter-spacing:1.4px;color:#817283}
.art-directed .desktop-nav{gap:24px;font-size:13px;color:#514c55}
.art-directed .desktop-nav a::after{height:1px;background:var(--ek-accent);left:0;right:0}
.art-directed .header-actions .btn{min-height:42px;border-radius:10px;font-size:12px}
.art-directed .site-footer{border-color:var(--ek-line);padding-top:40px;margin-top:64px}
.art-directed .footer-top{grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:32px}
.art-directed .footer-top p{font-size:13px;max-width:340px}
.art-directed .footer-top>div:not(:first-child)>a{color:var(--ek-muted);font-size:13px}
.art-directed .footer-top h4{color:var(--ek-ink);font-size:12px;letter-spacing:.6px}
.art-directed .footer-bottom{border-color:var(--ek-line);color:var(--ek-muted);font-size:11px;line-height:1.8}
.art-directed .page-intro{text-align:left;padding:28px 0 24px}
.art-directed .page-intro h1{font-size:44px;margin-bottom:14px}
.art-directed .page-intro p{margin:0;max-width:640px;font-size:15px}
.art-directed .modal{border-radius:16px;background:var(--ek-surface)}
.art-directed .modal h2{font:600 22px/1.3 var(--ek-sans)}
.art-directed .field-hint{color:var(--ek-muted);font-size:12px}
@media(max-width:1180px){.art-directed .desktop-nav{gap:17px;font-size:12px}.art-directed .site-header .brand strong{font-size:21px}.art-directed .header-actions .btn{padding-inline:15px}}
@media(max-width:1000px){.art-directed .wrap{width:calc(100% - 64px)}.art-directed .site-header{height:84px}.art-directed .desktop-nav{display:none}.art-directed .mobile-toggle{display:grid}}
@media(max-width:600px){.art-directed .wrap{width:calc(100% - 36px)}.art-directed .site-header{height:76px;gap:8px}.art-directed .site-header .brand{gap:8px}.art-directed .site-header .brand-symbol{width:35px;height:35px}.art-directed .site-header .brand-symbol .icon{width:25px;height:25px}.art-directed .site-header .brand strong{font-size:18px}.art-directed .site-header .brand small{font-size:7px}.art-directed .header-actions{gap:6px}.art-directed .header-actions .btn{font-size:11px;min-width:0;padding:8px 12px;min-height:40px}.art-directed .header-actions .btn-outline{display:none}.art-directed .footer-top{grid-template-columns:1fr 1fr;gap:28px}.art-directed .footer-top>div:first-child{grid-column:1/-1}.art-directed .footer-bottom{font-size:10px}.art-directed .site-footer{margin-top:40px}.art-directed .page-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.art-directed *,.art-directed *::before,.art-directed *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}