/* ŞEYMA KAYIR — V9 refinement layer
   Existing V8 visual system is preserved and tightened for mobile readability.
*/
:root{
  --v9-black:#050505;
  --v9-white:#fff;
  --v9-line:rgba(0,0,0,.12);
  --v9-line-dark:rgba(255,255,255,.18);
  --v9-radius:32px;
  --v9-ease:cubic-bezier(.22,.78,.18,1);
}
html{background:#fff;color:#050505}
body{overflow-x:hidden;background:#fff}
h1,h2,h3{text-wrap:balance}
p{max-width:68ch}

/* ---------------- HEADER ---------------- */
.nav.nav--v9{
  position:fixed!important;
  z-index:700!important;
  top:max(12px,env(safe-area-inset-top))!important;
  left:clamp(14px,2vw,30px)!important;
  right:clamp(14px,2vw,30px)!important;
  width:auto!important;
  height:74px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:28px!important;
  background:rgba(7,7,7,.58)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  box-shadow:0 14px 50px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.16)!important;
  transition:background .45s var(--v9-ease),border-color .45s var(--v9-ease),box-shadow .45s var(--v9-ease),transform .45s var(--v9-ease)!important;
}
.nav.nav--v9:before{display:none!important}
.inner-page .nav.nav--v9,.plan-page .nav.nav--v9,.booking-page-v9 .nav.nav--v9{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(0,0,0,.1)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.92)!important;
}
.nav__logo{
  width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;
  border-radius:18px;color:#fff;text-decoration:none;position:relative;z-index:3;
}
.nav__logo img{width:31px;height:31px;object-fit:contain;filter:brightness(0) invert(1)}
.inner-page .nav__logo img,.plan-page .nav__logo img,.booking-page-v9 .nav__logo img{filter:none}
.nav__identity{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;
  line-height:1.05;letter-spacing:.13em;white-space:nowrap;z-index:2;
}
.nav__identity strong{font:600 11px/1.1 "IBM Plex Mono",monospace;letter-spacing:.17em}
.nav__identity span{font:500 8px/1.2 "IBM Plex Mono",monospace;letter-spacing:.18em;margin-top:4px;opacity:.68}
.inner-page .nav__identity,.plan-page .nav__identity,.booking-page-v9 .nav__identity{color:#050505}
.nav__links{margin-left:12px;margin-right:auto;display:flex;gap:18px}
.nav__links a{font-size:12px!important}
.nav__cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;padding:12px 18px!important;background:rgba(255,255,255,.08)!important}
.inner-page .nav__cta,.plan-page .nav__cta,.booking-page-v9 .nav__cta{color:#050505!important;border-color:rgba(0,0,0,.12)!important;background:rgba(255,255,255,.64)!important}
.nav__menu{margin-left:auto;color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important}
.inner-page .nav__menu,.plan-page .nav__menu,.booking-page-v9 .nav__menu{color:#050505!important;border-color:rgba(0,0,0,.12)!important;background:rgba(255,255,255,.72)!important}

/* ---------------- MOBILE MENU ---------------- */
.mobile-menu{background:rgba(5,5,5,.94)!important;-webkit-backdrop-filter:blur(28px)!important;backdrop-filter:blur(28px)!important}
.mobile-menu__identity{display:flex;flex-direction:column;color:#fff;text-decoration:none;letter-spacing:.14em}.mobile-menu__identity strong{font:600 11px "IBM Plex Mono",monospace}.mobile-menu__identity span{font:8px "IBM Plex Mono",monospace;opacity:.6;margin-top:4px}.mobile-menu__foot{margin-top:auto;display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(255,255,255,.16);font:9px "IBM Plex Mono",monospace;letter-spacing:.11em}.mobile-menu__foot a{color:#fff;text-decoration:none}.mobile-menu__foot span{opacity:.55}

/* ---------------- HOME HERO ---------------- */
.hero{background:#050505!important}
.hero__title{letter-spacing:.055em!important;font-weight:400!important}
.hero__footer p{line-height:1.7!important}
.hero__actions{gap:12px!important}
.hero__actions .glass-button{border-radius:999px!important;min-height:48px;display:inline-flex;align-items:center;gap:18px}

/* ---------------- INNER PAGE SHARED LAYOUT ---------------- */
.inner-page main{overflow:hidden}
.page-hero{padding-top:clamp(150px,18vw,230px)!important;padding-bottom:clamp(80px,9vw,130px)!important}
.page-hero__inner{max-width:1500px;margin:auto;padding:0 clamp(28px,5vw,78px);gap:7vw!important;align-items:end!important}
.page-hero__inner>p{font-size:clamp(17px,1.45vw,22px)!important;line-height:1.65!important;max-width:560px!important;margin:0!important}
.page-hero h1{line-height:.88!important;letter-spacing:-.055em!important}

/* ---------------- WORKS ---------------- */
.works-v9-intro{
  padding:clamp(170px,19vw,245px) clamp(28px,5vw,78px) clamp(76px,8vw,120px)!important;
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:8vw;align-items:end;border-bottom:1px solid var(--v9-line);
}
.works-v9-intro h1{font-size:clamp(76px,10vw,158px);line-height:.86;letter-spacing:-.06em;margin:24px 0 0}
.works-v9-intro p{font-size:clamp(17px,1.4vw,22px);line-height:1.65;color:#535353;margin:0 0 8px}
.portfolio-filter{padding:42px clamp(28px,5vw,78px) 0!important}
.filter-buttons{gap:10px!important;flex-wrap:wrap!important}
.filter-buttons button{border-radius:999px!important;padding:12px 18px!important}
.work-page-top .work{padding-top:96px!important}
.work-page-top .section-head{margin-bottom:68px!important;display:grid!important;grid-template-columns:1fr minmax(260px,.55fr)!important;column-gap:6vw!important;align-items:end!important}
.work-page-top .section-head .mono{grid-column:1/-1;margin-bottom:24px}
.work-page-top .section-head h2{font-size:clamp(58px,8vw,122px)!important;line-height:.9!important;margin:0!important}
.work-page-top .section-head p{font-size:clamp(15px,1.25vw,19px)!important;line-height:1.65!important;color:#555!important;margin:0!important}
.work-card__meta{padding-top:22px!important;gap:18px!important}.work-card__meta h3{line-height:1!important}

/* ---------------- ABOUT ---------------- */
.about-v9-hero{padding:clamp(165px,18vw,230px) clamp(28px,5vw,78px) clamp(90px,9vw,135px);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:end}
.about-v9-hero__copy{padding-bottom:18px}.about-v9-hero h1{font-size:clamp(76px,9.4vw,148px);line-height:.86;letter-spacing:-.06em;margin:22px 0 34px}.about-v9-hero__copy p{font-size:clamp(18px,1.5vw,23px);line-height:1.65;color:#4b4b4b;max-width:520px}
.about-v9-hero__photo{margin:0;border-radius:34px;overflow:hidden;min-height:690px;background:#050505}.about-v9-hero__photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%}
.about-v9-story{border-top:1px solid var(--v9-line);padding:clamp(100px,11vw,170px) clamp(28px,5vw,78px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.about-v9-story__title h2{font-size:clamp(62px,8vw,126px);line-height:.88;letter-spacing:-.055em;margin:22px 0 0}.about-v9-story__body{padding-top:40px}.about-v9-story__body p{font-size:clamp(18px,1.55vw,23px);line-height:1.75;margin:0 0 30px;max-width:700px}.about-v9-story .skills{margin-top:58px;display:flex!important;flex-wrap:wrap;gap:10px!important}.about-v9-story .skills span{width:auto!important;border:1px solid var(--v9-line)!important;border-radius:999px!important;padding:13px 18px!important;font:10px "IBM Plex Mono",monospace;letter-spacing:.11em}
.about-v9-gallery{padding:0 clamp(28px,5vw,78px) clamp(110px,10vw,160px);display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:18px}.about-v9-gallery figure{margin:0;height:480px;border-radius:28px;overflow:hidden}.about-v9-gallery figure:nth-child(2){margin-top:74px}.about-v9-gallery img{width:100%;height:100%;object-fit:cover}

/* ---------------- APPOINTMENT CTA ---------------- */
.booking-cta.booking-cta--v9,.booking-cta{
  min-height:0!important;
  margin:clamp(26px,3vw,48px)!important;
  padding:clamp(76px,8vw,120px) clamp(28px,6vw,90px)!important;
  border-radius:38px!important;
  background:#050505!important;color:#fff!important;
  align-items:flex-start!important;text-align:left!important;
}
.booking-cta__orb{display:none!important}
.booking-cta h2{font-size:clamp(62px,8.8vw,138px)!important;line-height:.88!important;letter-spacing:-.055em!important;margin:28px 0 48px!important;color:#fff!important;text-transform:none!important}
.booking-cta .mono{color:rgba(255,255,255,.62)!important}.booking-cta__button{background:#fff!important;color:#050505!important;border-color:#fff!important;border-radius:999px!important;padding:17px 24px!important;text-decoration:none!important}.booking-cta__note{position:static!important;width:100%;margin-top:68px;color:rgba(255,255,255,.58)!important}

/* ---------------- FOOTER ---------------- */
.footer.footer--v9{padding:82px clamp(28px,5vw,78px) 34px!important;border-radius:0!important}.footer--v9 .footer__top{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:10vw!important;padding-bottom:70px!important}.footer__identity>a{display:flex;align-items:center;gap:18px;color:#fff;text-decoration:none}.footer__identity img{width:48px!important;height:48px!important;margin:0!important;object-fit:contain}.footer__identity span{display:flex;flex-direction:column}.footer__identity strong{font:600 12px "IBM Plex Mono",monospace;letter-spacing:.15em}.footer__identity small{font:8px "IBM Plex Mono",monospace;letter-spacing:.17em;opacity:.55;margin-top:6px}.footer__identity p{max-width:420px;margin:34px 0 0;color:rgba(255,255,255,.54);font-size:14px;line-height:1.7}.footer--v9 .footer__links{display:grid!important;grid-template-columns:1fr 1fr;gap:18px 38px!important;align-content:start}.footer--v9 .footer__links a{font-size:18px!important;color:#fff;text-decoration:none}.footer--v9 .footer__bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.16)!important;color:rgba(255,255,255,.48)!important}

/* ---------------- DEDICATED BOOKING PAGE ---------------- */
.booking-page-v9{background:#fff!important}
.booking-page-v9__main{padding:150px clamp(18px,4vw,58px) 70px;max-width:1320px;margin:auto}.booking-page-v9__intro{max-width:980px;margin:0 auto 48px;padding:0 12px}.booking-page-v9__intro h1{font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:-.055em;margin:22px 0 28px}.booking-page-v9__intro p{font-size:clamp(16px,1.4vw,21px);line-height:1.65;color:#555}
.booking.booking--page{position:relative!important;inset:auto!important;visibility:visible!important;pointer-events:auto!important;z-index:1!important;max-width:980px;margin:0 auto;background:#fff}
.booking--page .booking__panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:720px!important;transform:none!important;overflow:visible!important;border:1px solid rgba(0,0,0,.10)!important;border-radius:34px!important;padding:34px clamp(28px,5vw,66px) 48px!important;box-shadow:0 26px 80px rgba(0,0,0,.07)!important;background:#fff!important}
.booking--page .booking__top{position:static!important;background:#fff!important;padding:0 0 26px!important}.booking--page .booking__progress{position:static!important}.booking--page .step-actions{position:static!important;background:#fff!important;padding-bottom:0!important}.booking--page .booking-success-home{display:inline-flex;margin-top:38px;padding:15px 22px;border-radius:999px;background:#050505;color:#fff;text-decoration:none;font:10px "IBM Plex Mono",monospace;letter-spacing:.11em}
.booking--page .booking-step h2{max-width:700px!important}

/* ---------------- RESPONSIVE ---------------- */
@media(max-width:1100px){
  .nav__links{display:none!important}.nav__cta{display:none!important}.nav__menu{display:block!important}
}
@media(max-width:900px){
  .nav.nav--v9{top:max(10px,env(safe-area-inset-top))!important;left:16px!important;right:16px!important;height:72px!important;padding:0 10px 0 12px!important;border-radius:28px!important}
  .nav__logo{width:44px;height:44px;flex-basis:44px}.nav__logo img{width:29px;height:29px}
  .nav__identity strong{font-size:9px}.nav__identity span{font-size:7px;margin-top:3px}.nav__menu{padding:11px 16px!important;font-size:10px!important}
  .hero__eyebrow{margin-top:112px!important}.hero__title{margin-bottom:22vh!important}
  .works-v9-intro{display:block;padding:160px 28px 72px!important}.works-v9-intro h1{font-size:18vw;margin-top:18px}.works-v9-intro p{font-size:16px;line-height:1.65;margin-top:34px;max-width:520px}.portfolio-filter{padding:34px 28px 0!important}.filter-buttons{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:5px;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-buttons button{flex:0 0 auto}
  .work-page-top .work{padding:88px 28px 110px!important}.work-page-top .section-head{display:block!important;margin-bottom:56px!important}.work-page-top .section-head .mono{display:block;margin-bottom:18px}.work-page-top .section-head h2{font-size:15vw!important;line-height:.94!important;margin-bottom:28px!important}.work-page-top .section-head p{font-size:15px!important;line-height:1.7!important;max-width:520px!important}.work-page-top .work-card{margin-bottom:68px!important}.work-page-top .work-card__media{border-radius:28px!important}.work-page-top .work-card__meta{padding:20px 8px 0!important}
  .about-v9-hero{padding:158px 22px 86px;display:flex;flex-direction:column;gap:54px}.about-v9-hero h1{font-size:18vw;line-height:.9;margin:18px 0 28px}.about-v9-hero__copy p{font-size:16px;line-height:1.75}.about-v9-hero__photo{width:100%;min-height:0;aspect-ratio:4/5;border-radius:28px}.about-v9-hero__photo img{object-position:center 18%}
  .about-v9-story{padding:96px 22px;display:block}.about-v9-story__title h2{font-size:15vw;line-height:.94;margin-bottom:58px}.about-v9-story__body{padding:0}.about-v9-story__body p{font-size:16px;line-height:1.8;margin-bottom:28px}.about-v9-story .skills{margin-top:46px}.about-v9-gallery{padding:0 22px 100px;grid-template-columns:1fr 1fr;gap:12px}.about-v9-gallery figure{height:250px;border-radius:22px}.about-v9-gallery figure:nth-child(2){margin-top:36px}.about-v9-gallery figure:nth-child(3){grid-column:1/-1;height:300px;margin-top:0}
  .page-hero{padding:160px 22px 88px!important}.page-hero__inner{display:block!important;padding:0!important}.page-hero__inner>p{font-size:16px!important;line-height:1.75!important;margin-top:42px!important;max-width:100%!important}.page-hero h1{font-size:17vw!important;line-height:.92!important;max-width:100%!important}.seo-hero,.seo-copy-section{grid-template-columns:1fr!important}.seo-hero__copy,.seo-copy-section__body{max-width:100%!important}
  .booking-cta.booking-cta--v9,.booking-cta{margin:16px!important;padding:80px 28px 92px!important;border-radius:30px!important}.booking-cta h2{font-size:15vw!important;line-height:.94!important;margin:24px 0 42px!important}.booking-cta__note{margin-top:56px!important}
  .footer.footer--v9{padding:68px 22px 28px!important}.footer--v9 .footer__top{grid-template-columns:1fr!important;gap:58px!important;padding-bottom:56px!important}.footer--v9 .footer__links{grid-template-columns:1fr 1fr!important;gap:18px 24px!important}.footer--v9 .footer__links a{font-size:17px!important}.footer--v9 .footer__bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  .booking-page-v9__main{padding:140px 14px 46px}.booking-page-v9__intro{padding:0 10px;margin-bottom:34px}.booking-page-v9__intro h1{font-size:14vw;margin:18px 0 24px}.booking-page-v9__intro p{font-size:15px;line-height:1.7}.booking--page .booking__panel{border-radius:28px!important;padding:26px 18px 34px!important;min-height:0!important}.booking--page .booking-step h2{font-size:11.5vw!important;line-height:1.04!important;margin-bottom:38px!important}.booking--page .booking-estimate{margin-bottom:38px!important}.booking--page .choice-grid label span{min-height:82px!important}.booking--page .step-actions{margin-top:40px!important}
}
@media(max-width:560px){
  .nav__identity{max-width:145px}.nav__identity strong{font-size:8.5px;letter-spacing:.14em}.nav__identity span{font-size:6.5px}.nav__logo{margin-left:2px}.works-v9-intro{padding-left:22px!important;padding-right:22px!important}.work-page-top .work,.portfolio-filter{padding-left:22px!important;padding-right:22px!important}.about-v9-gallery figure{height:220px}.about-v9-gallery figure:nth-child(3){height:260px}.booking-cta h2{font-size:14.5vw!important}
}

/* V9 hero type: keep Şeyma visible while the video remains the main subject */
@media(max-width:900px){
  .hero__title{font-size:clamp(46px,12.4vw,66px)!important;line-height:.94!important;letter-spacing:.085em!important;margin:0 22px 24vh!important;max-width:86vw!important}
  .hero__title-line--right{margin-left:12vw!important;margin-top:.16em!important}
}

/* SEO/accessibility utility — no visual design change */
.sr-only{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}
.footer__bottom a{color:inherit;text-decoration:none}.footer__bottom a:hover{text-decoration:underline}

/* V9.1 — professional contact validation */
.booking-step[data-step="6"] .field-row{align-items:start}
.field--validated{position:relative}
.field-help{display:block;margin-top:8px;font:10px/1.5 "IBM Plex Mono",monospace;letter-spacing:.035em;color:#7a7a7a;transition:color .25s ease,opacity .25s ease}
.field--validated input{transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}
.field--validated.is-valid input{border-bottom-color:#050505!important;box-shadow:0 1px 0 #050505}
.field--validated.is-valid .field-help{color:#303030}
.field--validated.is-valid .field-help::after{content:"  ✓";font-weight:700;color:#050505}
.field--validated.is-invalid input{border-bottom-color:#9f1730!important;box-shadow:0 1px 0 #9f1730}
.field--validated.is-invalid .field-help{color:#9f1730;font-weight:600}
.field--validated.is-invalid input:focus{outline:none;box-shadow:0 2px 0 #9f1730}
.booking-step[data-step="6"] .step-error{margin-top:18px;padding:13px 15px;border-radius:14px;background:#050505;color:#fff;font:11px/1.45 "IBM Plex Mono",monospace;letter-spacing:.035em}
.booking-step[data-step="6"] input::placeholder{color:#aaa;opacity:1}
.booking-step[data-step="6"] input[aria-invalid="true"]::placeholder{color:#b27b86}
@media(max-width:760px){
  .booking-step[data-step="6"] .field{margin-bottom:26px!important}
  .field-help{font-size:9.5px;line-height:1.55;margin-top:9px}
  .booking-step[data-step="6"] .consent{margin-top:6px}
}