/* Home page: preserve the established brand with a compact, clear reading order. */
.home-page{background:#eef2f6}
.home-page .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:56px;padding:44px 0 46px}
.home-page .hero-copy{min-width:0}
.home-page .hero-workshop-title{font-size:24px;margin-bottom:7px}
.home-page .hero-scope{font-size:15px;margin-bottom:22px}
.home-page .hero h1{font-size:clamp(36px,4vw,52px);line-height:1.16;margin-bottom:22px;letter-spacing:-.025em}
.home-page .hero .lead{font-size:17px;line-height:1.75;margin-bottom:24px;max-width:590px}
.home-page .hero-actions{gap:22px}.home-page .hero-actions .button{padding:12px 20px;font-size:16px}
.home-page .privacy-promise{max-width:590px;padding:14px 17px;margin-top:23px;background:#ffffff07}
.home-page .privacy-promise p{font-size:14px;margin-bottom:6px}
.home-page .hero-brand{max-width:360px;padding:0;align-self:center}
.home-page .hero-brand .logo-stage{padding:22px 26px 24px;animation:none}
.home-page .hero-brand .hero-logo{width:204px;height:auto;aspect-ratio:1080/980;margin:0 auto 12px;overflow:visible;position:static}
.home-page .hero-brand .hero-logo img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none}
.home-page .hero-brand .brand-wordmark{margin:8px auto 20px}
.home-page .hero-brand .logo-stage .hero-slogan{font-family:'Cengiz Handwriting',cursive;font-size:30px;line-height:1.15}
.home-page .hero-brand .brand-caption{padding:18px 24px;gap:20px}
.home-page #alanlar{padding-top:38px;padding-bottom:30px}
.home-page #alanlar .section-heading h2{font-size:28px}
.home-page #alanlar .area-grid{gap:20px}
.home-page #alanlar .area{padding:24px;border-radius:14px}
.home-page #alanlar .area h3{font-size:24px;margin:20px 0 12px}
.home-page #alanlar .area p{min-height:80px;margin-bottom:20px}
.home-page #alanlar .how{margin:24px 0 18px;background:#fff;padding:22px;border-radius:14px;gap:22px}
.home-page .workshop-reminder{background:#edf3f8;border:1px solid #d8e4ee;padding:18px 22px}
.home-page .workshop-reminder strong{font-size:16px;color:#294b66}
.home-page #hakkimizda.contact{margin-top:0;margin-bottom:36px;padding:30px;gap:26px 40px;background:#fff;border-radius:18px;box-shadow:none}
.home-page #hakkimizda .contact-title{padding-bottom:20px}
.home-page #hakkimizda .contact-title h2{font-size:26px;margin-bottom:14px}
.home-page .contact-company-story,.home-page .contact-workshop-story{max-width:940px;line-height:1.75}
.home-page .social-contact{padding-left:28px}
.home-page .contact .social-heading{font-size:18px;margin-bottom:16px}
.home-page .social-contact .social-card{padding:14px;min-height:100px;gap:12px}
.home-page .social-contact .social-icon{width:54px;height:54px}
@media(max-width:1050px){.home-page .hero-grid{gap:30px}.home-page .hero-brand{max-width:330px}.home-page .social-contact .social-card{min-height:76px}.home-page #hakkimizda.contact{gap:26px}}
@media(max-width:800px){.home-page .hero-grid{grid-template-columns:1fr;gap:30px;padding:34px 0}.home-page .hero-copy{max-width:640px}.home-page .hero-brand{justify-self:center;width:100%;max-width:340px}.home-page .hero h1{font-size:42px}.home-page .hero .lead{max-width:none}}
@media(max-width:700px){.home-page #alanlar{padding-top:28px;padding-bottom:24px}.home-page #alanlar .section-heading h2{font-size:25px}.home-page #alanlar .area{padding:22px}.home-page #alanlar .area p{min-height:0}.home-page #alanlar .area h3{font-size:23px}.home-page #alanlar .how{padding:20px;gap:20px}.home-page .workshop-reminder{padding:18px}.home-page #hakkimizda.contact{padding:22px;gap:22px}.home-page #hakkimizda .contact-title h2{font-size:24px}.home-page .social-contact{padding:22px 0 0}.home-page .social-contact .social-card{min-height:135px}}
@media(max-width:400px){.home-page .hero h1{font-size:35px}.home-page .hero-actions{gap:16px}.home-page .hero-workshop-title{font-size:22px}}


@font-face{font-family:'Cengiz Brand';src:url('/assets/fonts/brand-name.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cengiz Brand Narrow';src:url('/assets/fonts/brand-subtitle.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
.home-page .hero-brand{max-width:380px}
.home-page .hero-brand .hero-logo{width:246px;height:auto;aspect-ratio:1080/980;margin:0 auto 8px;overflow:visible;position:static}
.home-page .hero-brand .hero-logo img{position:static;display:block;width:100%;height:auto;transform:none}
.home-page .hero-brand .brand-wordmark{display:block;width:240px;max-width:100%;margin:0 auto 24px;text-align:left}
.home-page .company-wordmark-name,.home-page .company-wordmark-description{position:relative;display:block;width:max-content;max-width:none;white-space:nowrap;letter-spacing:0;font-kerning:none;font-variant-ligatures:none;color:#111}
.home-page .company-wordmark-name{font-family:'Cengiz Brand',Arial,sans-serif;font-weight:500;font-size:64.829822px;left:-3.111831px;line-height:1.12}
.home-page .company-wordmark-description{font-family:'Cengiz Brand Narrow','Arial Narrow',sans-serif;font-weight:400;font-size:26.272578px;left:-1.865353px;line-height:1.35;margin-top:4px}

/* Softer brand panel, coordinated with the workshop background. */
.home-page .hero-brand .logo-stage{background:#eef2f6;border-color:#dbe3eb}
.home-page .hero-brand .hero-logo img{mix-blend-mode:multiply}

.home-page #alanlar .area:first-child{--area-tone:#8a6a19;--area-tint:#fff2c9;--area-border:#e6d499}