/* V8 — black / white artist-first system with fluid scroll motion */
:root{
  --paper:#ffffff;
  --paper-2:#f6f6f6;
  --ink:#050505;
  --muted:#666666;
  --line:rgba(5,5,5,.13);
  --soft-line:rgba(5,5,5,.12);
  --line-dark:rgba(255,255,255,.16);
  --accent:#721827;
  --radius-sm:18px;
  --radius:26px;
  --radius-lg:34px;
  --ease:cubic-bezier(.16,1,.3,1);
}
html{background:#050505}
body{background:#fff;color:#050505}
.section-light{background:#fff;color:#050505}
.section-dark{background:#050505;color:#fff}
::selection{background:#050505;color:#fff}
.grain{opacity:.004}

/* ---------------------------------
   GLOBAL TYPE / AIR
---------------------------------- */
h1,h2,h3,.hero__title,.section-head h2,.styles-intro h2,.page-hero h1,.booking-step h2{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  font-weight:560;
  letter-spacing:-.045em;
}
p{line-height:1.72}
.mono,.booking-step__meta{letter-spacing:.13em}
.section-head,.styles-intro,.about__text,.booking-cta,.planner-section-head{
  will-change:transform,opacity,filter;
}
.section-head:not(.is-visible),.styles-intro:not(.is-visible),.about__text:not(.is-visible),.booking-cta:not(.is-visible),.planner-section-head:not(.is-visible){
  opacity:0;transform:translateY(36px);filter:blur(8px)
}
.section-head.is-visible,.styles-intro.is-visible,.about__text.is-visible,.booking-cta.is-visible,.planner-section-head.is-visible{
  opacity:1;transform:none;filter:none;transition:opacity .9s var(--ease),transform 1s var(--ease),filter 1s var(--ease)
}
.reveal-card{will-change:transform,opacity,clip-path}
.reveal-card:not(.is-visible){opacity:.01;transform:translateY(54px) scale(.985)}
.reveal-card.is-visible{opacity:1;transform:none;transition:opacity .9s var(--ease),transform 1.1s var(--ease),clip-path 1.1s var(--ease)}

/* ---------------------------------
   LIQUID HEADER — always legible
---------------------------------- */
.nav{
  height:82px;
  padding:0 max(18px,var(--pad));
  color:#fff;
  mix-blend-mode:normal!important;
  transform:none!important;
  transition:color .35s,transform .5s var(--ease);
  isolation:isolate;
}
.nav.is-hidden{transform:none!important}
.nav:before{
  content:"";
  position:absolute;
  inset:10px max(12px,var(--pad));
  border-radius:24px;
  opacity:1!important;
  z-index:-1;
  background:
    radial-gradient(120% 160% at 50% -55%,rgba(255,255,255,.20),transparent 50%),
    linear-gradient(180deg,rgba(16,16,16,.46),rgba(8,8,8,.30));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(0,0,0,.13);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  transition:background .4s,border-color .4s,box-shadow .4s;
}
.nav.is-scrolled:before{
  background:
    radial-gradient(120% 160% at 50% -55%,rgba(255,255,255,.16),transparent 50%),
    linear-gradient(180deg,rgba(10,10,10,.76),rgba(5,5,5,.62));
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 48px rgba(0,0,0,.20);
}
.brand__mark{width:31px}.brand__mark img{filter:invert(1) brightness(1.08)}
.brand__main{font-size:13px;letter-spacing:.09em}.brand__sub{font-size:7px;letter-spacing:.16em;margin-top:5px}
.nav__links{gap:30px}.nav__links a{font-size:12px;font-weight:520;opacity:.88;transition:opacity .25s}.nav__links a:hover{opacity:1}
.nav__cta,.glass-button{
  border:1px solid rgba(255,255,255,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.075))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 10px 30px rgba(0,0,0,.10);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  border-radius:999px!important;
}
.nav__menu{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;backdrop-filter:blur(18px)}

.inner-page .nav{color:#050505}
.inner-page .brand__mark img{filter:none}
.inner-page .nav:before,.inner-page .nav.is-scrolled:before{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 38px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(24px) saturate(145%);
}
.inner-page .nav__cta,.inner-page .nav__menu{color:#050505!important;background:rgba(255,255,255,.72)!important;border-color:rgba(0,0,0,.12)!important}

/* ---------------------------------
   FULL BLEED HERO
---------------------------------- */
.hero{
  height:100svh;
  min-height:690px;
  padding:0!important;
  background:#050505;
  overflow:hidden;
  isolation:isolate;
}
.hero__media{inset:0!important;border-radius:0!important;background:#050505}
.hero__media:after{
  background:linear-gradient(180deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.05) 37%,rgba(0,0,0,.13) 60%,rgba(0,0,0,.62) 100%)!important;
}
.hero__media video,.hero__media img{
  width:100%;height:108%;object-fit:cover;object-position:center 28%;filter:saturate(.93) contrast(1.04) brightness(.86);
  transform:scale(1.035);
}
.hero__eyebrow{margin:112px max(28px,var(--pad)) 0;font-size:9px;letter-spacing:.14em}
.hero__eyebrow span:last-child{opacity:.72}
.hero__title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.18em;
  margin:auto max(28px,var(--pad)) 12vh;
  width:auto;
  font-size:clamp(66px,10.8vw,178px);
  line-height:.86;
  letter-spacing:.035em;
  font-weight:510;
  text-shadow:0 2px 28px rgba(0,0,0,.25);
  transform-origin:left bottom;
  will-change:transform,opacity,letter-spacing;
}
.hero__title-line,.hero__title-line--right{overflow:visible;text-align:left;margin:0!important;padding:0}
.hero__footer{margin:0 max(28px,var(--pad)) 34px;align-items:flex-end}
.hero__footer p{font-size:13px;line-height:1.6;max-width:430px;color:rgba(255,255,255,.86)}
.hero__actions{gap:10px;margin-top:24px}.hero__actions .glass-button{font-size:11px;padding:13px 18px}
.hero__footer>.mono{display:none!important}

/* ---------------------------------
   BLACK / WHITE HOMEPAGE
---------------------------------- */
.manifesto{padding-top:180px;padding-bottom:180px;background:#fff}
.manifesto__copy{line-height:1.13;letter-spacing:-.043em}
.manifesto__stamp{border-color:#050505;background:#fff}
.signature-styles,.work,.about,.plan-teaser,.booking-cta{background:#fff}
.signature-styles{padding-top:150px;padding-bottom:150px}
.styles-intro{margin-bottom:76px}.styles-intro h2,.section-head h2{line-height:.94}
.styles-intro p,.section-head p{color:#555;line-height:1.8}
.style-cards{gap:24px}.style-card,.style-card:nth-child(2),.style-card:nth-child(3){border-radius:30px;box-shadow:none;border:1px solid rgba(0,0,0,.09)}
.style-card img{transition:transform 1.2s var(--ease),filter .6s}.style-card:hover img{transform:scale(1.035)}
.work{padding-top:170px}.section-head{margin-bottom:130px}.work-grid{gap:11vw 30px}
.work-card__media{border-radius:30px;box-shadow:none;background:#f2f2f2}
.work-card__meta{padding-top:18px;color:#5e5e5e}.work-card__meta h3{color:#050505}
.marquee{border-color:rgba(0,0,0,.11);opacity:.68}
.gallery-scroll{background:#050505;border-radius:34px 34px 0 0}
.archive-card{border-radius:28px}.archive-card img{filter:grayscale(.72) saturate(.55)}

/* ABOUT — make RESİMDEN CİLDE readable */
.about{padding-top:180px;padding-bottom:160px;background:#fff}
.about__giant{opacity:1!important;color:#050505;margin-bottom:130px;line-height:.70;letter-spacing:-.07em}
.about__giant span:first-child{color:rgba(5,5,5,.14)}
.about__giant span:last-child{color:rgba(5,5,5,.30);font-style:normal!important;font-family:inherit!important}
.about__portrait{border-radius:30px!important;box-shadow:none!important;background:#f1f1f1}
.about__text h2{line-height:1.05;margin:30px 0 48px}.about__text p{font-size:15px;line-height:1.85;color:#3f3f3f;margin:0 0 22px}
.text-link{margin-top:22px;background:#050505;color:#fff;border:0;padding:13px 18px;border-radius:999px}

/* PLAN TOOLS — simple discovery rows, not SaaS cards */
.plan-teaser{padding-top:170px;padding-bottom:170px;background:#fff;border-top:1px solid rgba(0,0,0,.10)}
.plan-teaser__copy h2{line-height:.94;letter-spacing:-.045em}.plan-teaser__copy p{color:#555;line-height:1.8;margin-top:34px}
.plan-tools{margin-top:86px;border-color:rgba(0,0,0,.14)}.plan-tool{border-color:rgba(0,0,0,.14)}
.plan-tool summary{padding:32px 0}.plan-tool summary h3{font-size:clamp(28px,3.2vw,48px);font-weight:520}
.plan-tool summary i{background:#fff;border:1px solid rgba(0,0,0,.14)}
.plan-tool__body{padding-bottom:38px}.plan-tool__body p{font-size:15px;line-height:1.8;color:#4d4d4d}
.plan-tool__link{background:#050505;color:#fff;padding:13px 18px}

/* PROCESS / CTA / FOOTER */
.process{background:#050505;border-radius:34px 34px 0 0;padding-top:160px;padding-bottom:160px}
.process-row__head{padding:34px 0}.process-row__head h3{letter-spacing:-.035em}.process-row__body p{line-height:1.85}
.booking-cta{min-height:90svh;padding-top:160px;padding-bottom:100px;background:#fff}
.booking-cta h2{line-height:.90;letter-spacing:-.05em;margin-top:46px;margin-bottom:62px}
.booking-cta__button{background:#050505!important;color:#fff!important;border:1px solid #050505!important;padding:18px 24px;box-shadow:none!important}
.booking-cta__note{bottom:44px;color:#555}
.footer{background:#050505!important;color:#fff!important;border-radius:34px 34px 0 0;padding-top:86px}
.footer__top{grid-template-columns:1.25fr .75fr;gap:80px;padding-bottom:72px}
.footer__top h2{font-size:clamp(46px,6vw,92px);line-height:.94;letter-spacing:.015em;margin-top:24px;max-width:780px}
.footer__logo{width:54px;margin-top:30px}.footer__links{gap:18px;font-size:15px}.footer__bottom{padding-top:24px;color:#a9a9a9}

/* ---------------------------------
   BOOKING — pure white consultation
---------------------------------- */
.booking__backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(18px)}
.booking__panel{
  background:rgba(255,255,255,.975)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.35)!important;
  color:#050505;
}
.booking__top{background:linear-gradient(180deg,#fff 74%,rgba(255,255,255,0))!important;padding-top:30px!important;padding-bottom:24px!important}
.booking__top small{display:block;margin-top:7px;color:#777;letter-spacing:.08em}
.booking__close{font-size:11px!important;letter-spacing:.12em;border:1px solid rgba(0,0,0,.12)!important;border-radius:999px!important;padding:10px 13px!important;background:#fff!important}

/* segmented progress */
.booking__progress{height:auto!important;background:transparent!important;margin:0 0 38px!important;overflow:visible!important}
.booking__progress>span{display:none!important}
.booking__progress-segments{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:100%}
.booking__progress-segments i{display:block;height:6px;border-radius:999px;background:#e4e4e4;transition:background .45s var(--ease),transform .45s var(--ease)}
.booking[data-step="1"] .booking__progress-segments i:nth-child(-n+1),
.booking[data-step="2"] .booking__progress-segments i:nth-child(-n+2),
.booking[data-step="3"] .booking__progress-segments i:nth-child(-n+3),
.booking[data-step="4"] .booking__progress-segments i:nth-child(-n+4),
.booking[data-step="5"] .booking__progress-segments i:nth-child(-n+5),
.booking[data-step="6"] .booking__progress-segments i:nth-child(-n+6),
.booking[data-step="success"] .booking__progress-segments i{background:#050505}
.booking[data-step="1"] .booking__progress-segments i:nth-child(1),
.booking[data-step="2"] .booking__progress-segments i:nth-child(2),
.booking[data-step="3"] .booking__progress-segments i:nth-child(3),
.booking[data-step="4"] .booking__progress-segments i:nth-child(4),
.booking[data-step="5"] .booking__progress-segments i:nth-child(5),
.booking[data-step="6"] .booking__progress-segments i:nth-child(6){background:var(--accent);transform:scaleY(1.22)}
.booking-estimate{background:#f7f7f7!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:22px!important;padding:20px 22px!important;margin:0 0 44px!important;box-shadow:none!important}
.booking-estimate>span{font-size:10px;letter-spacing:.12em}.booking-estimate strong{font-size:24px;letter-spacing:-.03em}.booking-estimate small{font-size:11px!important;line-height:1.55;color:#707070;margin-top:8px}
.booking-step{padding-top:4px!important}
.booking-step__meta{margin-bottom:26px!important;color:#777;display:flex;justify-content:space-between;font-size:10px}
.booking-step h2{font-size:clamp(46px,5.4vw,76px)!important;line-height:1.01!important;letter-spacing:-.048em!important;margin:0 0 46px!important;max-width:760px}
.booking-step h2 em{font:inherit!important;font-style:normal!important}
.choice-grid{gap:14px!important;margin-bottom:34px!important}
.choice-grid label span{min-height:82px!important;padding:21px 22px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;display:flex;justify-content:center;flex-direction:column;line-height:1.25;transition:transform .28s var(--ease),background .28s,color .28s,border-color .28s!important}
.choice-grid label:hover span{background:#f7f7f7!important;transform:translateY(-2px)}
.choice-grid input:checked+span{background:#050505!important;color:#fff!important;border-color:#050505!important;transform:none!important}
.choice-grid--style b{font-size:20px!important;line-height:1.15}.choice-grid--style small{font-size:12px!important;margin-top:7px;color:#666}.choice-grid--style input:checked+span small{color:#cfcfcf}
.field{gap:11px!important;margin:18px 0 28px!important}.field span{font-size:9px!important;letter-spacing:.12em;color:#555}
.field input,.field textarea,.field select{font-size:17px!important;padding:14px 0 15px!important;border-bottom:1px solid rgba(0,0,0,.25)!important}
.field textarea{min-height:150px!important;line-height:1.6}.upload{margin:30px 0!important;padding:22px!important;border:1px dashed rgba(0,0,0,.25)!important;border-radius:20px!important;background:#fff!important}.upload small{display:block;margin-top:7px;color:#777;line-height:1.4}
.booking-sensitivity{margin-top:32px!important;padding:22px!important;border:1px solid rgba(0,0,0,.09)!important;border-radius:20px!important;background:#f7f7f7!important}
.booking-sensitivity__top{margin-bottom:16px!important;align-items:center}.booking-sensitivity__top span{font-size:10px;letter-spacing:.13em}.booking-sensitivity__top strong{font-size:12px;letter-spacing:.08em}
.sensitivity-bar{height:10px!important;background:#d9d9d9!important;border-radius:999px!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.sensitivity-bar span{height:100%!important;background:linear-gradient(90deg,#050505 0%,var(--accent) 100%)!important;border-radius:999px;min-width:12px}
.booking-sensitivity p{font-size:11px!important;color:#666!important;margin:12px 0 0!important;line-height:1.55}
.step-actions{margin-top:46px!important;padding-top:28px!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%)!important}
.step-actions button,.submit-booking{min-height:52px;padding:0 22px!important;border-radius:999px!important;background:#050505!important;color:#fff!important;font-size:10px!important;letter-spacing:.11em}
.prev-step{background:transparent!important;color:#777!important;padding-left:0!important}.prev-step:hover{color:#050505!important}
.booking-summary{gap:12px!important;border:0!important;margin-bottom:34px!important}.booking-summary__item{background:#f7f7f7!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:18px!important;padding:18px!important}.booking-summary__item span{color:#777!important;margin-bottom:8px!important}.booking-summary__item strong{font-size:14px!important}
.consent{line-height:1.65!important;color:#555!important;margin-top:32px!important}
.booking-success h2{line-height:1.02!important}.booking-success p{color:#555!important}

/* fast black page transition, never a loader */
.page-transition{background:rgba(5,5,5,.96)!important;backdrop-filter:blur(14px)!important}

/* ---------------------------------
   INNER PAGES — neutral foundation
---------------------------------- */
.inner-page,.plan-page{background:#fff!important;color:#050505}
.page-hero,.seo-hero,.page-about,.mini-grid,.planner-hero,.placement-planner,.planner-price,.idea-planner,.planner-utilities{background:#fff!important}
.page-about__grid figure,.mini-grid figure,.works-card figure,.case-hero__media{border-radius:30px!important}
.price-panel,.placement-detail,.utility-card,.assistant-tool,.idea-card{border-radius:24px!important}
.plan-page .tool-section{background:#fff!important;border-color:rgba(0,0,0,.11)!important;box-shadow:none!important}
.plan-page .tool-section.section-dark,.plan-page .planner-assist{background:#050505!important;color:#fff!important}

/* ---------------------------------
   MOBILE
---------------------------------- */
@media(max-width:900px){
  .nav{height:72px;padding:0 16px}.nav:before{inset:8px 10px;border-radius:24px}.brand__mark{width:31px}.nav__menu{display:block;padding:10px 14px}
  .hero{height:100svh;min-height:100svh;padding:0!important}
  .hero__media{inset:0!important;border-radius:0!important}
  .hero__media video,.hero__media img{height:108%;object-position:58% 28%;transform:scale(1.045)}
  .hero__eyebrow{margin:104px 22px 0;font-size:8px}.hero__eyebrow span:first-child{max-width:250px;line-height:1.65}.hero__eyebrow span:last-child{display:none}
  .hero__title{display:block;margin:auto 22px 20vh;font-size:clamp(58px,16.2vw,94px);line-height:.92;letter-spacing:.045em;width:auto}
  .hero__title-line--right{margin-left:17vw!important;margin-top:.12em!important}
  .hero__footer{margin:0 22px 28px;display:block}.hero__footer p{font-size:12px;line-height:1.65;max-width:310px;margin-bottom:20px}.hero__actions{gap:9px;flex-wrap:wrap}.hero__actions .glass-button{padding:12px 15px;font-size:10px}
  .manifesto{padding:130px 22px}.manifesto__copy{font-size:9.6vw;line-height:1.18}.signature-styles,.work,.about,.plan-teaser,.process,.booking-cta{padding-left:22px;padding-right:22px}
  .signature-styles{padding-top:120px;padding-bottom:120px}.styles-intro{margin-bottom:58px}.styles-intro h2,.section-head h2{line-height:.96}.style-card,.style-card:nth-child(2),.style-card:nth-child(3){border-radius:28px;min-height:64svh}
  .work{padding-top:130px}.section-head{margin-bottom:78px}.work-card{margin-bottom:76px!important}.work-card__media{border-radius:27px}
  .gallery-scroll{border-radius:28px 28px 0 0}.archive-card{border-radius:23px}
  .about{padding-top:130px;padding-bottom:130px}.about__giant{font-size:20vw;line-height:.76;letter-spacing:-.055em;margin-bottom:92px}.about__giant span:first-child{color:rgba(5,5,5,.16)}.about__giant span:last-child{color:rgba(5,5,5,.34)}.about__content{gap:58px}.about__portrait{border-radius:28px!important}.about__text h2{font-size:11.8vw;line-height:1.08;margin-bottom:34px}.about__text p{font-size:14px;line-height:1.85}
  .plan-teaser{padding-top:130px;padding-bottom:130px}.plan-teaser__copy h2{font-size:14.5vw;line-height:.98}.plan-teaser__copy p{font-size:14px;margin-top:28px}.plan-tools{margin-top:62px}.plan-tool summary{padding:28px 0}.plan-tool summary h3{font-size:29px}.plan-tool__body{padding:0 0 30px 0}.plan-tool__body p{font-size:14px;line-height:1.8}.plan-tool__link{justify-self:start}
  .process{padding-top:120px;padding-bottom:120px;border-radius:28px 28px 0 0}.process-row__head{padding:30px 0}.process-row__head h3{font-size:10vw}
  .booking-cta{min-height:82svh;padding-top:130px;padding-bottom:100px}.booking-cta h2{font-size:14.2vw;line-height:.96;margin:36px 0 54px}.booking-cta__note{left:22px;right:22px;bottom:34px}
  .footer{border-radius:28px 28px 0 0;padding:72px 22px 26px}.footer__top{grid-template-columns:1fr;gap:54px;padding-bottom:58px}.footer__top h2{font-size:12vw;line-height:1.02;letter-spacing:.03em}.footer__links{gap:20px;font-size:17px}.footer__bottom{gap:16px;line-height:1.5}
  .booking__panel{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;padding:0 22px 18px!important}.booking__top{padding:22px 0 18px!important}.booking__progress{margin-bottom:34px!important}.booking__progress-segments{gap:5px}.booking__progress-segments i{height:6px}.booking-estimate{padding:19px 20px!important;margin-bottom:42px!important}.booking-estimate strong{font-size:22px}.booking-step__meta{margin-bottom:28px!important}.booking-step h2{font-size:clamp(42px,12vw,56px)!important;line-height:1.03!important;margin-bottom:44px!important}.choice-grid{gap:14px!important}.choice-grid label span{min-height:88px!important;padding:22px 20px!important;border-radius:20px!important}.booking-placement-grid label span{min-height:76px!important}.field-row{grid-template-columns:1fr!important;gap:0!important}.step-actions{bottom:-18px!important;margin-top:42px!important;padding:28px 0 18px!important}.booking-summary{grid-template-columns:1fr!important}.booking-sensitivity{padding:22px 20px!important;margin-top:30px!important}
  .mobile-menu{background:rgba(5,5,5,.88)!important;backdrop-filter:blur(30px) saturate(130%)!important;padding:26px 22px!important}.mobile-menu nav{gap:8px!important}.mobile-menu nav a{font-size:12.5vw!important;line-height:1.02!important;letter-spacing:-.045em!important}
}
@media(max-width:560px){
  .hero__title{font-size:15.8vw;margin-bottom:21vh}.hero__title-line--right{margin-left:15vw!important}
  .booking-estimate{grid-template-columns:1fr!important;gap:8px!important}.booking-estimate strong{justify-self:start!important}
  .booking-step h2{font-size:11.6vw!important}.choice-grid--style b{font-size:19px!important}.choice-grid--style small{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .section-head:not(.is-visible),.styles-intro:not(.is-visible),.about__text:not(.is-visible),.booking-cta:not(.is-visible),.planner-section-head:not(.is-visible),.reveal-card:not(.is-visible){opacity:1!important;transform:none!important;filter:none!important}
}