/*
Theme Name: Sizo Editorial Coming Soon
Theme URI: https://sizo.tr/
Author: Sizo
Description: Oyuncu, sanatçı ve kişisel markalar için editorial, sinematik ve panelden yönetilebilir yapım aşamasında WordPress teması.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sizo-editorial-coming-soon
*/

:root{
  --bg:#090909;
  --panel:#0b0909;
  --paper:#eee9e1;
  --muted:rgba(238,233,225,.48);
  --muted-2:rgba(238,233,225,.28);
  --line:rgba(238,233,225,.14);
  --accent:#9f1420;
  --content:1180px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
button{cursor:pointer}

.launch-page{min-height:100svh;background:var(--bg);overflow:hidden}
.launch-grid{min-height:100svh;display:grid;grid-template-columns:minmax(42%,.92fr) minmax(58%,1.08fr)}

/* Portrait side */
.launch-portrait{position:relative;min-height:100svh;background:#ddd7d0;overflow:hidden}
.launch-portrait-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--portrait-x,50%) var(--portrait-y,50%);filter:grayscale(var(--portrait-gray,100%));transform:scale(1.002)}
.launch-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 22%,transparent 70%,rgba(0,0,0,.22));pointer-events:none}
.launch-portrait-empty{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(150deg,#ded9d2,#aaa39b);color:rgba(0,0,0,.35);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px;letter-spacing:.08em}

/* Content side */
.launch-content{position:relative;min-width:0;min-height:100svh;background:radial-gradient(circle at 45% 42%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 44%),var(--panel);display:flex;flex-direction:column;padding:clamp(36px,5vw,86px) clamp(34px,7vw,126px) clamp(28px,4vw,62px)}
.launch-content::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 20%)}

.launch-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}
.launch-brand{display:inline-flex;align-items:center;gap:14px;max-width:60%;transition:opacity .2s ease}
.launch-brand:hover{opacity:.72}
.launch-logo{max-width:150px;max-height:54px;width:auto;height:auto;object-fit:contain}
.launch-brand-text{font-size:10px;line-height:1;letter-spacing:.52em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 88%,white 12%);white-space:nowrap}
.launch-status{font-size:9px;line-height:1;letter-spacing:.48em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}

.launch-main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:690px;padding:clamp(46px,8vh,100px) 0 clamp(48px,7vh,90px)}
.launch-name{margin:0 0 clamp(52px,8vh,92px);font-family:"Bodoni 72","Didot","Iowan Old Style","Baskerville",Georgia,"Times New Roman",serif;font-weight:400;line-height:.82;letter-spacing:-.055em}
.launch-first-name{display:block;font-size:clamp(58px,6.6vw,108px);font-style:italic;color:var(--paper)}
.launch-last-name{display:block;margin-top:.16em;font-size:clamp(72px,8vw,136px);color:var(--accent)}

.launch-rule{width:86px;height:1px;background:var(--accent);margin-bottom:34px}
.launch-eyebrow{margin:0 0 18px;font-size:9px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;color:var(--muted-2)}
.launch-title{max-width:550px;margin:0;font-family:"Bodoni 72","Didot","Iowan Old Style","Baskerville",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,4.2vw,72px);line-height:1.03;letter-spacing:-.035em;color:var(--paper)}
.launch-desc{max-width:590px;margin:34px 0 0;color:var(--muted);font-size:12px;line-height:1.85;letter-spacing:.045em}

.launch-notify{margin-top:clamp(46px,7vh,76px);max-width:620px}
.launch-form-label{display:block;margin-bottom:15px;font-size:9px;font-weight:600;letter-spacing:.48em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 88%,white 12%)}
.launch-form{display:flex;min-height:52px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:rgba(0,0,0,.14)}
.launch-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--paper);padding:0 18px;font-size:11px;letter-spacing:.08em}
.launch-form input::placeholder{color:rgba(238,233,225,.22)}
.launch-form button{border:0;border-left:1px solid color-mix(in srgb,var(--accent) 70%,transparent);background:var(--accent);color:#fff;min-width:112px;padding:0 22px;font-size:9px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;transition:filter .2s ease,background .2s ease}
.launch-form button:hover{filter:brightness(1.12)}
.launch-form button:disabled{opacity:.58;cursor:wait}
.launch-form-message{min-height:18px;margin:11px 0 0;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.launch-form-message.is-success{color:var(--paper)}
.launch-form-message.is-error{color:#d88989}

.launch-footer{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid var(--line)}
.launch-follow-label{margin-bottom:13px;font-size:8px;letter-spacing:.46em;text-transform:uppercase;color:var(--muted-2)}
.launch-socials{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.launch-socials a{position:relative;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:rgba(238,233,225,.72);padding-bottom:5px}
.launch-socials a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .22s ease}
.launch-socials a:hover::after{right:0}
.launch-copyright{font-size:8px;line-height:1.6;letter-spacing:.26em;text-transform:uppercase;color:rgba(238,233,225,.17);text-align:right}

.launch-side-mark{position:absolute;z-index:2;right:17px;bottom:30px;writing-mode:vertical-rl;text-orientation:mixed;font-size:7px;letter-spacing:.36em;color:rgba(238,233,225,.13)}

@media(max-width:980px){
  .launch-grid{grid-template-columns:1fr}
  .launch-portrait{min-height:58svh}
  .launch-content{min-height:auto;padding:34px 28px 30px}
  .launch-main{max-width:none;padding:62px 0 70px}
  .launch-name{margin-bottom:60px}
  .launch-first-name{font-size:clamp(56px,14vw,96px)}
  .launch-last-name{font-size:clamp(70px,17vw,118px)}
  .launch-title{font-size:clamp(42px,10vw,64px)}
  .launch-side-mark{display:none}
}
@media(max-width:620px){
  .launch-portrait{min-height:52svh}
  .launch-content{padding:25px 20px 24px}
  .launch-header{align-items:flex-start}
  .launch-brand-text{letter-spacing:.34em;font-size:8px}
  .launch-status{font-size:7px;letter-spacing:.3em}
  .launch-main{padding:52px 0 56px}
  .launch-name{margin-bottom:50px}
  .launch-first-name{font-size:clamp(50px,17vw,78px)}
  .launch-last-name{font-size:clamp(62px,21vw,98px)}
  .launch-rule{width:58px;margin-bottom:28px}
  .launch-title{font-size:clamp(38px,12vw,54px)}
  .launch-desc{font-size:11px;margin-top:24px}
  .launch-notify{margin-top:42px}
  .launch-form{min-height:50px}
  .launch-form button{min-width:96px;padding:0 15px;font-size:8px;letter-spacing:.25em}
  .launch-footer{align-items:flex-start;flex-direction:column}
  .launch-copyright{text-align:left}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* v2.1 — Desktop tek ekran düzeni */
@media (min-width:981px){
  html,body{height:100%;overflow:hidden}
  .launch-page{height:100dvh;min-height:0;overflow:hidden}
  .launch-grid{height:100%;min-height:0}
  .launch-portrait{height:100%;min-height:0}
  .launch-content{
    height:100%;min-height:0;overflow:hidden;
    padding:clamp(26px,4.25vh,46px) clamp(42px,6vw,110px) clamp(20px,3vh,34px);
  }
  .launch-header{flex:0 0 auto}
  .launch-main{
    flex:1 1 auto;min-height:0;max-width:690px;
    justify-content:center;
    padding:clamp(20px,3.4vh,34px) 0 clamp(14px,2.3vh,24px);
  }
  .launch-name{margin-bottom:clamp(24px,4.1vh,40px)}
  .launch-first-name{font-size:clamp(54px,8vh,88px)}
  .launch-last-name{font-size:clamp(68px,10.5vh,112px)}
  .launch-rule{width:82px;margin-bottom:clamp(18px,2.7vh,28px)}
  .launch-eyebrow{margin-bottom:clamp(10px,1.6vh,16px)}
  .launch-title{font-size:clamp(38px,5.6vh,60px);line-height:1.01}
  .launch-desc{margin-top:clamp(14px,2.2vh,22px);line-height:1.65}
  .launch-notify{margin-top:clamp(22px,3.5vh,36px)}
  .launch-form-label{margin-bottom:10px}
  .launch-form{min-height:48px;height:48px}
  .launch-form-message{min-height:14px;margin-top:7px}
  .launch-footer{flex:0 0 auto;padding-top:clamp(12px,1.9vh,20px)}
  .launch-follow-label{margin-bottom:9px}
  .launch-side-mark{bottom:20px}
  body.admin-bar .launch-page{height:calc(100dvh - 32px)}
}
@media (min-width:981px) and (max-height:760px){
  .launch-content{padding-top:22px;padding-bottom:17px}
  .launch-main{padding-top:14px;padding-bottom:12px}
  .launch-name{margin-bottom:18px}
  .launch-first-name{font-size:54px}
  .launch-last-name{font-size:68px}
  .launch-rule{margin-bottom:15px}
  .launch-eyebrow{margin-bottom:8px}
  .launch-title{font-size:36px}
  .launch-desc{margin-top:11px;font-size:11px;line-height:1.55}
  .launch-notify{margin-top:16px}
  .launch-form{height:44px;min-height:44px}
  .launch-footer{padding-top:10px}
}
@media (max-width:782px){
  body.admin-bar .launch-page{min-height:calc(100svh - 46px)}
}