/* ===== handmade-home.css - TR + EN home pages ===== */
body.home{overflow-x:hidden}
.home .spine path{stroke:var(--brass); opacity:.55; stroke-width:2}
.home .topbar nav{display:flex; align-items:center; gap:clamp(14px,2vw,30px); margin-left:auto; margin-right:clamp(10px,2vw,28px)}
.home .topbar nav a{font-family:var(--disp); font-weight:500; font-size:.84rem; color:var(--ink); text-decoration:none; padding:8px 2px;
  background:var(--u3) no-repeat 0 100%/0 5px; transition:background-size .25s ease}
.home .topbar nav a:hover{background-size:100% 5px; color:var(--ink)}
@media (max-width:1060px){ .home .topbar nav{display:none} }

/* ---- hero ---- */
.home .hero h1{font-size:clamp(2.7rem,5vw,4.5rem); font-weight:600; line-height:1.02; letter-spacing:-.018em}
.home .hero h1 em.scribble{display:inline-block; margin-top:.04em}
.home .hero h1 .pre{display:block; font-family:var(--hand); font-weight:600; font-size:.42em; letter-spacing:0; color:var(--gold-text); margin:0 0 .2em; rotate:-1.2deg; transform-origin:left}
.home .hero .lead{font-family:var(--body); color:var(--ink-soft); font-size:clamp(1.02rem,1.25vw,1.15rem); line-height:1.75; max-width:46ch}
.home .hero-note{margin:18px 0 0}
.home .hero .cta-ghost{background:none}
.home .hero .cta-ghost:hover{background:none}
.home .chips span,.home .hero .chips span{font-family:var(--disp); font-weight:500; font-size:.8rem; color:var(--ink);
  background:var(--btn); border:1px solid rgba(134,103,42,.22); border-radius:999px; padding:7px 14px}
.home .chips span::before{content:"\2713"; color:var(--gold-text); font-weight:700; margin-right:7px}
.home .hero .chips span{background:var(--btn)}

/* season card on the hero: guidance, so it is the one green block on the first screen (echoes the window frame) */
.home .szn{background:var(--moss); border:1px solid var(--moss); border-radius:6px; padding:20px 20px 18px 22px; color:var(--paper);
  box-shadow:0 16px 30px rgba(43,64,37,.24); rotate:-.5deg}
.home .szn::before{display:none}
.home .szn::after{top:-11px; left:34px; margin-left:0; width:70px; height:22px}
.home .szn-eyebrow{font-family:var(--hand); font-weight:600; font-size:1.3rem; letter-spacing:0; text-transform:none; color:var(--on-night)}
.home .szn-title{font-family:var(--head); font-weight:700; font-size:clamp(1.55rem,2vw,1.9rem); letter-spacing:-.01em; line-height:1.1; color:var(--paper)}
.home .szn-text{color:rgba(252,250,246,.86)}
.home .szn-open{font-size:.9rem; padding:9px 18px; rotate:-.5deg}
.home .szn .szn-open{background:var(--paper); color:var(--moss); border-color:var(--paper); box-shadow:0 0 0 4px rgba(252,250,246,.16)}
.home .szn .szn-open:hover{background:#fff; color:var(--moss); box-shadow:0 0 0 5px rgba(252,250,246,.24)}
.home .szn .szn-open:focus-visible{outline:3px solid var(--paper); outline-offset:4px}
.home .szn-count{font-family:var(--disp); color:rgba(252,250,246,.75)}
.home .szn-nav button{color:var(--paper)}
.home .szn-nav button:hover{background:rgba(252,250,246,.14)}
.home .szn-nav button:focus-visible{outline-color:var(--paper)}

/* window scene + polaroid */
.home .window-scene{border-radius:6px; border:10px solid #fff; box-shadow:0 26px 54px rgba(30,30,29,.16), 0 1px 0 rgba(30,30,29,.06); rotate:.7deg}
.home .window-scene img{border-radius:0}
.home .season-tag{font-family:var(--hand); font-weight:600; font-size:1.2rem; letter-spacing:0; text-transform:none; color:var(--gold-ink);
  background:rgba(252,250,246,.92); border-radius:6px 10px 7px 9px/9px 7px 10px 6px; padding:3px 12px 4px}
.home .doc-note{border-radius:3px; box-shadow:0 18px 34px rgba(30,30,29,.22)}
.home .doc-note figcaption{font-family:var(--hand); font-weight:600; font-style:normal; font-size:1.45rem; color:var(--gold-ink)}

/* ---- stats strip ---- */
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:clamp(26px,4vh,40px) 0; margin:clamp(8px,2vh,24px) 0 0;
  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); text-align:center}
.stat{padding:6px 10px}
.stat b{display:block; font-family:var(--head); font-weight:700; font-size:clamp(2rem,3.4vw,2.9rem); line-height:1.1; color:var(--ink)}
.stat span{display:block; margin-top:6px; font-family:var(--disp); font-weight:500; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft)}
@media (max-width:720px){ .stats{grid-template-columns:1fr 1fr; row-gap:18px} }
/* right under the hero: a full-width night band, the first dark anchor of the page */
.home .stats{background:var(--night); border:0; margin:clamp(8px,2vh,24px) calc(-1 * clamp(24px,4vw,72px)) 0;
  padding:clamp(30px,4.5vh,46px) clamp(24px,4vw,72px)}
.home .stat b{color:var(--on-night); font-variant-numeric:lining-nums}
.home .stat span{color:rgba(252,250,246,.8)}

/* ---- section heads ---- */
.home section{padding:clamp(48px,7vh,88px) 0}
.home section + section{padding-top:0}
.home .aylar{padding:clamp(22px,3vw,38px)}
.home .hero{padding-top:clamp(96px,13vh,132px); padding-bottom:clamp(36px,6vh,64px)}
.home h2{font-size:clamp(2.2rem,4.4vw,3.6rem); line-height:1.04}
.home .lead{color:var(--ink-soft)}
.home .quote{font-family:var(--hand); font-style:normal; font-weight:600; font-size:clamp(1.6rem,2.3vw,2rem); line-height:1.2; color:var(--gold-text); margin-top:26px}
.home .quote small{font-family:var(--disp); font-size:.8rem; font-weight:500; color:var(--ink-soft); margin-top:6px}

/* about: credentials card + signature */
.home .creds{background:#fff; border:1px solid var(--hair); border-radius:6px; box-shadow:0 12px 26px rgba(30,30,29,.07); overflow:visible}
.home .creds::before{content:""; position:absolute; top:-11px; left:30px; width:76px; height:22px; background:var(--tape); rotate:-2deg; z-index:2;
  clip-path:polygon(0 0,2.5% 14%,0 28%,2.5% 42%,0 56%,2.5% 70%,0 84%,2.5% 100%,97.5% 100%,100% 84%,97.5% 70%,100% 56%,97.5% 42%,100% 28%,97.5% 14%,100% 0)}
.home .cred-row{border-top:0; background:var(--rule) no-repeat 0 0/100% 6px; padding-top:15px}
.home .cred-row:first-child{background:none}
.home .cred-label{font-family:var(--disp); font-weight:700; color:var(--gold-text)}
.home .cred-val strong{color:var(--ink)}
.home .klinik .k-title{font-family:var(--head); font-weight:700; font-size:1.45rem}
.home .klinik li{color:var(--ink-soft); padding-left:32px}
.home .klinik li::before{content:"\2713"; left:0; top:.1em; width:22px; height:22px; border-radius:50%; background:var(--btn);
  border:1px solid rgba(134,103,42,.3); color:var(--gold-text); font-size:.72rem; font-weight:700; display:grid; place-items:center}
.sign{margin:26px 0 4px; padding-left:8px; display:flex; flex-direction:column; align-items:flex-start}
.sign .sig{font-family:var(--sig); font-size:clamp(3rem,4.4vw,4.2rem); line-height:1; color:var(--ink); rotate:-3deg; transform-origin:left bottom;
  background:var(--u3) no-repeat 8% 100%/72% 7px; padding-bottom:.14em}
.sign small{margin-top:8px; font-family:var(--disp); font-weight:500; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft)}
.home .pub-cta{background:var(--btn); border:2px solid var(--gold-text); border-radius:15px 18px 14px 19px/19px 14px 18px 15px;
  box-shadow:0 0 0 4px rgba(191,156,86,.2); rotate:-.4deg}
.home .pub-cta:hover{background:#EFE5D0; box-shadow:0 0 0 5px rgba(191,156,86,.28); rotate:.4deg}
.home .pub-cta-ic{background:var(--brass)} .home .pub-cta-ic svg{stroke:var(--ink)}
.home .pub-cta-k{color:var(--gold-text)} .home .pub-cta-t{font-family:var(--head); font-weight:700; font-size:1.4rem; color:var(--ink)}
.home .pub-cta-ar{color:var(--gold-text)}

/* EN hero portrait: taped print */
.home .hero-grid > .frame.portrait.filled{overflow:visible; background:#fff; border:0; border-radius:3px; rotate:1.4deg; margin:14px 14px 14px auto;
  box-shadow:0 0 0 10px #fff, 0 22px 40px rgba(30,30,29,.18)}
.home .hero-grid > .frame.portrait.filled img{border-radius:2px}
.home .hero-grid > .frame.portrait.filled::before{display:block; content:""; position:absolute; top:-26px; left:50%; width:84px; height:24px; margin-left:-42px;
  background:var(--tape); rotate:-2deg; z-index:3; border:0; opacity:.95;
  clip-path:polygon(0 0,2.5% 14%,0 28%,2.5% 42%,0 56%,2.5% 70%,0 84%,2.5% 100%,97.5% 100%,100% 84%,97.5% 70%,100% 56%,97.5% 42%,100% 28%,97.5% 14%,100% 0)}

/* photos: taped prints */
.home .split-media .frame.filled,.home .appt-side .frame.filled{overflow:visible; background:#fff; border:0; border-radius:3px;
  box-shadow:0 0 0 10px #fff, 0 22px 40px rgba(30,30,29,.18); margin:10px; width:calc(100% - 20px); rotate:.8deg}
.home .split-media .frame.filled img,.home .appt-side .frame.filled img{border-radius:2px}
.home .split-media .frame.filled::before,.home .appt-side .frame.filled::before{display:block; content:""; position:absolute; top:-26px; left:50%;
  width:92px; height:24px; margin-left:-46px; background:var(--tape); rotate:-2deg; z-index:3; border:0; opacity:.95;
  clip-path:polygon(0 0,2.5% 14%,0 28%,2.5% 42%,0 56%,2.5% 70%,0 84%,2.5% 100%,97.5% 100%,100% 84%,97.5% 70%,100% 56%,97.5% 42%,100% 28%,97.5% 14%,100% 0)}
.home .appt-side{rotate:-.8deg}
.home .appt-side figcaption,.home .split-media figcaption{font-family:var(--hand); font-weight:600; font-size:1.3rem; letter-spacing:0; color:var(--gold-text); text-align:center; margin-top:22px}

/* ---- parents: everything that guides a parent is window green; the whole section is a green band ---- */
.home #ebeveynler{background:var(--moss-tint); margin:0 calc(-1 * clamp(24px,4vw,72px));
  padding:clamp(56px,8vh,96px) clamp(24px,4vw,72px)}
.home #ebeveynler .eyebrow,.home #ebeveynler h2 em.scribble{color:var(--moss)}
.home #ebeveynler > .lead{color:#4F4E4A}
.home .aylar{background:#fff; border:1.5px dashed rgba(61,92,53,.45); border-radius:12px 18px 13px 17px/17px 13px 18px 12px;
  box-shadow:0 12px 26px rgba(43,64,37,.07)}
.home .aylar-head h3{font-family:var(--head); font-weight:700; font-size:clamp(1.7rem,2.6vw,2.2rem)}
.home .aylar-head .durum{font-family:var(--hand); font-weight:600; font-size:1.2rem; color:var(--moss); background:#fff;
  border:1.5px solid rgba(70,89,63,.45); border-radius:10px 14px 9px 13px/13px 9px 14px 10px; padding:2px 14px 3px}
.home .aylar .aciklama{color:var(--ink-soft)}
.home .ay{background:#F5F8F0; border:1px solid rgba(61,92,53,.18); border-radius:6px 11px 7px 12px/12px 7px 11px 6px; box-shadow:0 6px 14px rgba(30,30,29,.05)}
.home .ay:nth-child(even){rotate:.5deg} .home .ay:nth-child(odd){rotate:-.4deg}
.home .ay::after{background:#8FA383; opacity:.7}
.home .ay::before{background:var(--moss); opacity:.8}
.home .ay .no{font-family:var(--head); font-weight:700; color:var(--moss); font-size:clamp(1.7rem,2.6vw,2.3rem)}
.home .ay .beat{color:var(--ink-soft)}
.home .ay:hover{border-color:var(--moss); box-shadow:0 14px 26px rgba(70,89,63,.16); rotate:0deg}
.home .ay.yeni{background:#E9F0DF; border-color:var(--moss)}
.home .ay.yeni .no{color:#2F3E2A}
.home .ay.bekliyor{background:transparent; border:1.5px dashed rgba(70,89,63,.38); box-shadow:none}
.home .ay.bekliyor .no{color:rgba(30,30,29,.56)} .home .ay.bekliyor .beat{color:rgba(30,30,29,.74)}

/* guide groups + cards = taped polaroids */
.home .cards-group .group-t{font-family:var(--hand); font-weight:600; font-size:clamp(1.6rem,2.2vw,2rem); color:var(--moss)}
.home .cards-group .group-t::after{height:8px; background:var(--rule) no-repeat center/100% 100%}
.home .cards{gap:clamp(22px,2.4vw,34px); margin-top:26px}
.home .cards > .card:only-child{max-width:420px}
.home .card{background:#fff; border:1px solid var(--hair); border-radius:3px; padding:28px 22px 22px;
  box-shadow:0 12px 24px rgba(30,30,29,.08); rotate:-.7deg; transition:rotate .25s ease, transform .25s ease, box-shadow .25s ease}
.home .cards .card:nth-child(even){rotate:.8deg}
.home .cards .card:nth-child(3n){rotate:-.3deg}
.home .card:hover{rotate:0deg; transform:translateY(-5px); box-shadow:0 20px 34px rgba(30,30,29,.14)}
.home .card-art{width:100%; aspect-ratio:4/3; margin:0 0 16px; border-radius:2px; background:var(--paper-2)}
.home .card-art img{transform:scale(1.07)}
.home .card h3{font-family:var(--head); font-weight:700; font-size:1.55rem; line-height:1.1; color:var(--ink); margin:0 0 8px}
.home .card p{color:var(--ink-soft); font-size:.94rem; line-height:1.55}
.home .card .more{font-family:var(--disp); font-weight:700; font-size:.82rem; color:var(--ink);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C28 4 52 11 86 7 S142 10 197 4' fill='none' stroke='%2346593F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12.5 C62 9.5 120 13 188 9.5' fill='none' stroke='%2346593F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.55'/%3E%3C/svg%3E") no-repeat 0 100%/100% 7px; padding-bottom:5px}
.home .card:hover .more{text-decoration:none}

/* kids band: the page's one dark band (night blue); the white polaroids glow on it */
.home .kids{background:var(--night); color:var(--paper); border-top:0; border-bottom:0; border-radius:0;
  padding-top:clamp(60px,9vh,104px); padding-bottom:clamp(60px,9vh,104px)}
.home .kids .wave{display:none}
.home .kids .eyebrow{color:var(--on-night)}
.home .kids h2{font-size:clamp(2.4rem,5vw,4rem); color:var(--paper)}
.home .kids h2 .accent{color:var(--on-night); white-space:normal}
.home .kids .lead{color:rgba(252,250,246,.84)}
.home .kids .film-cap{color:var(--on-night)}
.home .kids h2 .accent::after{display:none}
.home .mascot-row{gap:clamp(26px,4vw,56px)}
.home .mascot-row .frame:nth-child(n){background:#fff; border:0; border-radius:3px; overflow:visible; transform:none;
  box-shadow:0 0 0 10px #fff, 0 22px 40px rgba(0,0,0,.35); margin:10px}
.home .mascot-row .frame:nth-child(1){rotate:-1.4deg} .home .mascot-row .frame:nth-child(2){rotate:1.2deg}
.home .mascot-row .frame:hover{transform:translateY(-4px); box-shadow:0 0 0 10px #fff, 0 26px 44px rgba(30,30,29,.2)}
.home .mascot-row .frame video{border-radius:2px}
.home .mascot-row .frame.filled::before{display:block; content:""; position:absolute; top:-26px; left:50%; width:90px; height:24px; margin-left:-45px;
  background:var(--tape); rotate:-2deg; z-index:3; border:0; opacity:.95;
  clip-path:polygon(0 0,2.5% 14%,0 28%,2.5% 42%,0 56%,2.5% 70%,0 84%,2.5% 100%,97.5% 100%,100% 84%,97.5% 70%,100% 56%,97.5% 42%,100% 28%,97.5% 14%,100% 0)}
.home .kids .frame.cine{border:0; border-radius:3px; box-shadow:0 0 0 10px #fff, 0 22px 40px rgba(0,0,0,.35)}
.home .film-cap{font-family:var(--hand); font-weight:600; font-size:1.3rem; letter-spacing:0; color:var(--gold-text); text-align:center; margin-top:26px}

/* appointment: white card with stamp on a peach band */
.home #randevu{padding-top:clamp(56px,8vh,96px); padding-bottom:clamp(56px,8vh,96px); background:var(--peach); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  margin:0 calc(-1 * clamp(24px,4vw,72px)); padding-left:clamp(24px,4vw,72px); padding-right:clamp(24px,4vw,72px)}
.home .appt{position:relative; background:#fff; color:var(--ink); border:1px solid var(--hair); border-radius:8px; text-align:left;
  box-shadow:0 20px 40px rgba(30,30,29,.1)}
.home .appt h2{color:var(--ink)} .home .appt h2 .accent{color:var(--gold)}
.home .appt p{color:var(--ink-soft); margin-left:0}
.home .appt .eyebrow{color:var(--gold-text)!important}
.home .appt .stamp{position:absolute; top:22px; right:24px}
.home .appt-actions{justify-content:flex-start}
.home .appt .facts{justify-content:flex-start; color:var(--ink-soft)} .home .appt .facts strong{color:var(--ink)}
.home .appt .fine{color:var(--ink-soft)}
.home .cta-phone{color:var(--ink); border:0}
@media (max-width:900px){ .home .appt .stamp{position:static; margin-bottom:14px} }

/* dialogs from the hero card */
.home .szn-dlg h2,.home .szn-dlg h3{font-family:var(--head); font-weight:700}
.home .szn-dlg h3{font-size:1.4rem}
.home .szn-kicker{font-family:var(--hand); font-weight:600; font-size:1.3rem; letter-spacing:0; text-transform:none; color:var(--gold-text)}
.home .lane--now h3{color:var(--paper)}
.home .lane--home{background:#F3E3CC} .home .lane--go{background:#F4EEE2}

/* ---- footer: dark band, hand line, stamp ---- */
.home footer{background:#1E1E1D; color:rgba(252,250,246,.7); margin:0 calc(-1 * clamp(24px,4vw,72px)); padding:clamp(44px,7vh,72px) clamp(24px,4vw,72px) 36px}
.home footer .name{font-family:var(--head); font-weight:700; font-size:1.7rem; color:#FCFAF6}
.home footer .mono{color:rgba(252,250,246,.66)}
.home footer a{color:#E3C98B; text-decoration-color:rgba(227,201,139,.5)}
.home footer a:hover{color:#fff}
.home footer .foot-bottom{display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;
  margin-top:34px; padding-top:22px; border-top:1px solid rgba(252,250,246,.12)}
.home footer .foot-bottom .hand{color:#E3C98B; rotate:0deg; font-size:1.35rem}
.home footer .stamp{color:#E3C98B; border-color:rgba(227,201,139,.7); background:transparent}

@media (max-width:900px){ .home .window-scene{border-width:8px} }
@media (prefers-reduced-motion:reduce){ .home .card,.home .ay{transition:none} .home .card:hover{transform:none} }