/* Subpages: the home page's waffle language applied to Şubeler, Hakkımızda and İletişim. */
.motion-page .motion-brand{opacity:1;transform:none;visibility:visible}
.motion-page main{display:block}

/* Hero: orange waffle with a smaller lattice and a page photo. */
.page-waffle{position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:620px;padding:110px 0 90px;background:var(--orange);overflow:clip}
.page-intro{position:relative;z-index:2;padding-left:6.2vw;padding-right:3vw}
.page-intro .kicker a{border-bottom:1px solid currentColor}
.page-intro h1{font-size:clamp(58px,6.6vw,104px);line-height:.96;margin:28px 0 24px;letter-spacing:-.07em}
.page-intro h1 em{font-size:.9em;line-height:1.15}
.page-lattice{--gap:15px;--melt:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap);width:calc(100% + 40px);aspect-ratio:1;max-width:640px}
.page-photo{background-size:0 0;background-repeat:no-repeat;grid-column:2/span 2;grid-row:2/span 2;display:grid;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:var(--gap);z-index:1}
.page-photo>span{background-image:inherit;background-size:200% 200%;background-position:calc(var(--x)*100%) calc(var(--y)*100%);border-radius:15px;box-shadow:inset 0 6px 0 #39130032;animation:tile-arrive 1s var(--pour-ease) both;animation-delay:var(--delay)}
.page-lattice .lattice-logo{grid-column:1;grid-row:3}
.page-lattice .lattice-note{grid-column:4;grid-row:4;align-self:end}

/* Section headings shared by the subpages. */
.page-section{padding-block:120px 100px}
.page-heading h2{font-size:clamp(48px,5.8vw,86px);line-height:1;margin-top:20px}
.page-heading h2 em{font-size:1.1em}
.page-heading p:not(.kicker){max-width:460px;font-size:14px;line-height:1.75;margin-top:22px}

/* Şubeler */
.branch-list{margin-top:55px}
.branch-row{display:grid;grid-template-columns:40px minmax(0,1.1fr) minmax(0,1.3fr) auto;gap:24px;align-items:center;padding:30px 0;border-top:1px solid #27190f55;transition:padding .3s,background .3s}
.branch-row:last-child{border-bottom:1px solid #27190f55}
.branch-row:hover{padding-left:12px;background:#f184080b}
.branch-row h2{font-size:clamp(30px,3.6vw,52px);line-height:1;text-transform:uppercase}
.branch-district{display:block;font-size:10px;letter-spacing:.12em;font-weight:600;margin-top:10px}
.branch-tag{display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 8px;background:var(--orange);border:1px solid var(--ink);border-radius:4px;font-family:var(--font-body);font-size:9px;letter-spacing:.1em;transform:rotate(-6deg)}
.branch-info{font-size:13px;line-height:1.7}
.branch-info a{border-bottom:1px solid #27190f55}
.branch-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.chip-link{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--ink);border-radius:4px;font-size:11px;font-weight:600;transition:background .25s,color .25s}
.chip-link:hover{background:var(--ink);color:var(--paper)}
.chip-link.is-primary{background:var(--ink);color:var(--paper)}
.chip-link.is-primary:hover{background:var(--orange);color:var(--ink)}

/* Hakkımızda */
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.story-photo{display:block;border:2px solid var(--ink);border-radius:5px;overflow:hidden;transform:rotate(-3deg);transition:transform .6s var(--pour-ease)}
.story-photo:hover{transform:rotate(0deg)}
.story-photo img{width:100%;aspect-ratio:1;object-fit:cover}
.story-copy h2{font-size:clamp(52px,6vw,92px);line-height:.98;margin:22px 0 26px}
.story-copy p:not(.kicker){font-size:15px;line-height:1.75;max-width:470px}
.story-copy p+p{margin-top:14px}
.values-section{position:relative;background:var(--ink);color:var(--paper);padding-block:130px 120px}
.values-section .kicker{color:#d8b388}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:55px}
.value-tile{position:relative;aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:#3a2617;border-radius:15px;box-shadow:inset 0 8px 0 #00000030;transition:background .35s,transform .5s var(--pour-ease)}
.value-tile:hover{background:var(--orange);color:var(--ink);transform:rotate(-2deg)}
.value-no{position:absolute;top:22px;left:26px;font-size:9px;letter-spacing:.1em}
.value-tile h3{font-size:clamp(22px,2.2vw,32px);line-height:1;text-transform:uppercase;margin-bottom:12px}
.value-tile p{font-size:12px;line-height:1.6;opacity:.85}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:55px}
.gallery-grid a{display:block;border-radius:15px;overflow:hidden;background:#eadac2;transition:transform .5s var(--pour-ease)}
.gallery-grid a:nth-child(odd):hover{transform:rotate(-2deg) scale(.98)}
.gallery-grid a:nth-child(even):hover{transform:rotate(2deg) scale(.98)}
.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover}

/* İletişim */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;margin-top:55px}
.contact-list{border-bottom:1px solid #27190f55}
.contact-row{display:grid;grid-template-columns:30px 1fr auto;gap:15px;align-items:center;padding:24px 0;border-top:1px solid #27190f55;transition:padding .3s,background .3s}
a.contact-row:hover{padding-left:12px;background:#f184080b}
.contact-row .kicker{grid-column:2;font-size:9px}
.contact-row strong{grid-column:2;font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.6vw,36px);line-height:1.05;letter-spacing:-.05em}
.contact-row>span:first-child{grid-row:span 2;font-size:9px}
.contact-row>span:last-child{grid-row:1/span 2;grid-column:3;font-size:25px;transition:transform .3s}
a.contact-row:hover>span:last-child{transform:translate(3px,-3px)}
.map-frame{border:2px solid var(--ink);border-radius:5px;overflow:hidden;aspect-ratio:1;background:#eadac2;transform:rotate(2deg);transition:transform .6s var(--pour-ease)}
.map-frame:hover{transform:none}
.map-frame iframe{width:100%;height:100%;border:0;display:block}

@media(max-width:1100px){
  .page-lattice{--gap:11px}
  .page-photo>span,.page-lattice .waffle-pocket{border-radius:11px}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .branch-row{grid-template-columns:30px 1fr auto;row-gap:14px}
  .branch-info{grid-column:2/-1;grid-row:2}
}
@media(max-width:760px){
  .page-waffle{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:76px 0 60px}
  .page-lattice{--gap:9px;order:-1;width:100%;max-width:none;aspect-ratio:2/1;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:10px}
  .page-lattice .waffle-pocket[style*="--row:2"],.page-lattice .waffle-pocket[style*="--row:3"],.page-lattice .lattice-note{display:none}
  .page-photo{grid-row:1/span 2}
  .page-lattice .lattice-logo{grid-row:2;padding:4px}
  .page-photo>span,.page-lattice .waffle-pocket{border-radius:9px}
  .page-intro{padding:30px 6vw 0}
  .page-intro h1{font-size:clamp(52px,14vw,96px);margin:20px 0}
  .page-section{padding-block:75px}
  .page-heading h2{font-size:clamp(42px,12vw,64px)}
  .branch-row{grid-template-columns:24px 1fr;gap:10px 12px;padding-block:24px}
  .branch-info,.branch-actions{grid-column:2}
  .branch-actions{justify-content:flex-start}
  .branch-row h2{font-size:30px}
  .story-section{grid-template-columns:1fr;gap:50px}
  .story-photo{width:88%;margin:auto}
  .values-section{padding-block:85px}
  .values-grid{gap:10px}
  .value-tile{padding:16px;border-radius:10px}
  .value-no{top:14px;left:16px}
  .value-tile h3{font-size:20px;margin-bottom:6px}
  .value-tile p{font-size:10.5px;line-height:1.45}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gallery-grid a{border-radius:10px}
  .contact-layout{grid-template-columns:1fr;gap:50px}
  .map-frame{transform:none}
}
@media(max-width:420px){
  .values-grid{grid-template-columns:1fr}
  .value-tile{aspect-ratio:auto;min-height:150px;padding-top:44px}
}
.contact-row .kicker{text-transform:uppercase}