@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url(/fonts/inter-normal-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url(/fonts/inter-normal-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: 400 600;
    font-display: swap;
    src: url(/fonts/playfair-display-italic-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: 400 600;
    font-display: swap;
    src: url(/fonts/playfair-display-italic-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/playfair-display-normal-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/playfair-display-normal-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --cream: #ece6dc;
    --cream-2: #e3dbcd;
    --dark: #171c15;
    --dark-2: #10140f;
    --gold: #a5854f;
    --gold-light: #c2a878;
    --ink: #14170f;
    --line: rgba(20, 23, 15, .14);
    --line-light: rgba(236, 230, 220, .16);
    --font-serif: "Playfair Display", Georgia, serif;
    --font-sans: "Inter", "Helvetica Neue", sans-serif;
    --ease-out: cubic-bezier(.22, 1, .36, 1)
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    scroll-behavior: auto
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

body {
    font-family: var(--font-sans);
    background: var(--cream);
    color: var(--ink);
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

a {
    color: inherit;
    text-decoration: none
}

ul {
    list-style: none
}

em {
    font-style: italic
}

::selection {
    background: var(--gold);
    color: var(--cream)
}

.preloader {
    position: fixed;
    inset: 0;
    z-index: 200;
    pointer-events: none
}

.preloader__panel {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50.5%;
    background: var(--dark)
}

.preloader__panel--top {
    top: 0
}

.preloader__panel--bottom {
    bottom: 0
}

.preloader__inner {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    color: var(--cream)
}

.preloader__logo {
    text-align: center;
    overflow: hidden
}

.preloader__word {
    display: block;
    font-family: var(--font-serif);
    font-size: clamp(2.4rem, 5vw, 4rem);
    letter-spacing: .14em;
    transform: translateY(110%)
}

.preloader__sub {
    display: block;
    font-size: .62rem;
    letter-spacing: .5em;
    margin-top: .7rem;
    color: var(--gold-light);
    opacity: 0
}

.preloader__count {
    font-size: .72rem;
    letter-spacing: .3em;
    color: #ece6dc8c;
    font-variant-numeric: tabular-nums
}

.cursor,
.cursor-follower {
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 300
}

.cursor {
    width: 6px;
    height: 6px;
    background: var(--gold);
    transform: translate(-50%, -50%)
}

.cursor-follower {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(165, 133, 79, .55);
    transform: translate(-50%, -50%);
    transition: width .35s var(--ease-out), height .35s var(--ease-out), opacity .35s, background-color .35s
}

.cursor-follower.is-link {
    width: 56px;
    height: 56px;
    background: #a5854f1f
}

.cursor-follower.is-hidden,
.cursor.is-hidden {
    opacity: 0
}

@media(hover:none), (pointer:coarse) {

    .cursor,
    .cursor-follower {
        display: none
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-left: clamp(1.4rem, 4vw, 4.2rem);
    transition: transform .55s var(--ease-out), background-color .4s
}

.header.is-scrolled {
    background: #ece6dce0;
    backdrop-filter: blur(12px)
}

.header.is-hidden {
    transform: translateY(-100%)
}

.header__logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.1rem 0
}

.header__logo-name {
    font-family: var(--font-serif);
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: .12em;
    line-height: 1
}

.header__logo-sub {
    font-size: .56rem;
    letter-spacing: .42em;
    margin-top: .42rem;
    color: #14170fb8
}

.header__nav {
    display: flex;
    align-items: center;
    gap: clamp(1.4rem, 2.6vw, 2.8rem)
}

.header__link {
    position: relative;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: .28em;
    text-transform: uppercase;
    padding: .4rem 0
}

.header__link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .45s var(--ease-out)
}

.header__link:hover:after {
    transform: scaleX(1);
    transform-origin: left
}

.header__menu-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--dark);
    color: var(--cream);
    border: none;
    cursor: pointer;
    padding: 0 clamp(1.6rem, 3vw, 3rem);
    min-height: 74px;
    font-family: var(--font-sans)
}

.header__menu-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold-light)
}

.header__menu-label {
    font-size: .66rem;
    letter-spacing: .32em
}

.header__menu-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 26px
}

.header__menu-lines i {
    display: block;
    height: 1.5px;
    background: var(--cream);
    transition: transform .4s var(--ease-out), width .4s var(--ease-out)
}

.header__menu-lines i:last-child {
    width: 70%;
    align-self: flex-end
}

.header__menu-btn:hover .header__menu-lines i:last-child {
    width: 100%
}

body.menu-open .header__menu-lines i:first-child {
    transform: translateY(3.75px) rotate(45deg)
}

body.menu-open .header__menu-lines i:last-child {
    width: 100%;
    transform: translateY(-3.75px) rotate(-45deg)
}

.menu {
    position: fixed;
    inset: 0;
    z-index: 90;
    visibility: hidden;
    pointer-events: none
}

.menu.is-open {
    visibility: visible;
    pointer-events: auto
}

.menu__bg {
    position: absolute;
    inset: 0;
    background: var(--dark-2);
    transform: translateY(-100%)
}

.menu__content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    align-items: center;
    padding: clamp(5rem, 12vh, 9rem) clamp(1.6rem, 6vw, 7rem) clamp(2.5rem, 7vh, 5rem);
    color: var(--cream)
}

.menu__nav {
    display: flex;
    flex-direction: column
}

.menu__link {
    display: flex;
    align-items: baseline;
    gap: 1.6rem;
    padding: clamp(.5rem, 1.4vh, 1rem) 0;
    border-bottom: 1px solid var(--line-light);
    overflow: hidden
}

.menu__num {
    font-size: .62rem;
    letter-spacing: .3em;
    color: var(--gold-light)
}

.menu__word {
    font-family: var(--font-serif);
    font-size: clamp(2.2rem, 5.4vh, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    transition: transform .5s var(--ease-out), color .5s, font-style .3s
}

.menu__link:hover .menu__word {
    transform: translate(1.2rem);
    color: var(--gold-light);
    font-style: italic
}

.menu__aside {
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
    justify-self: end
}

.menu__aside-block {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.menu__aside-label {
    font-size: .6rem;
    letter-spacing: .4em;
    color: var(--gold-light);
    margin-bottom: .5rem
}

.menu__aside-block a {
    transition: color .3s
}

.menu__aside-block a:hover {
    color: var(--gold-light)
}

.menu__aside-block p {
    color: #ece6dcb8
}

.section-label {
    display: inline-block;
    font-size: .64rem;
    font-weight: 500;
    letter-spacing: .42em;
    color: var(--gold);
    margin-bottom: 1.6rem
}

.section-label--light {
    color: var(--gold-light)
}

.section-title {
    font-family: var(--font-serif);
    font-size: clamp(2.4rem, 5.2vw, 4.4rem);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.01em;
    max-width: 18ch
}

.section-title--light {
    color: var(--cream)
}

.split-word-mask {
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.split-word {
    display: inline-block;
    transform: translateY(100%)
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: .9rem;
    font-size: .66rem;
    font-weight: 500;
    letter-spacing: .3em;
    padding: 1.1rem 2.2rem;
    border: 1px solid currentColor;
    transition: background-color .45s var(--ease-out), color .45s var(--ease-out)
}

.btn--dark {
    color: var(--ink)
}

.btn--dark:hover {
    background: var(--dark);
    color: var(--cream)
}

.btn--light {
    color: var(--cream)
}

.btn--light:hover {
    background: var(--cream);
    color: var(--dark)
}

.arrow {
    font-family: var(--font-sans)
}

[data-reveal] {
    opacity: 0;
    transform: translateY(2.4rem)
}

.hero {
    --head: 74px;
    --media-bottom: 12vh;
    --card-w: clamp(230px, 17vw, 280px);
    position: relative;
    min-height: 100vh;
    padding-top: var(--head);
    overflow: hidden
}

.hero__ring {
    position: absolute;
    left: clamp(-6rem, -4vw, -2rem);
    top: 16vh;
    width: clamp(18rem, 30vw, 30rem);
    height: clamp(18rem, 30vw, 30rem);
    border: 1px solid rgba(165, 133, 79, .35);
    border-radius: 50%;
    will-change: transform
}

.hero__title {
    position: absolute;
    z-index: 3;
    left: calc(var(--card-w) + clamp(1.5rem, 3vw, 3.4rem));
    top: 25vh;
    font-family: var(--font-serif);
    font-weight: 500;
    font-size: clamp(3.2rem, 8.8vw, 9.6rem);
    line-height: .94;
    letter-spacing: -.015em;
    color: #fff;
    mix-blend-mode: difference;
    pointer-events: none
}

.hero__title em {
    font-weight: 400
}

.hero__line {
    display: block;
    overflow: hidden
}

.hero__line--overlap {
    margin-left: clamp(.5rem, 1vw, 1.5rem)
}

@media(min-width:1025px) {
    .hero__line--overlap {
        white-space: nowrap
    }
}

.hero__line-inner {
    display: block;
    transform: translateY(112%);
    will-change: transform
}

.hero__card {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 34vh;
    width: var(--card-w);
    background: var(--dark);
    color: var(--cream);
    padding: 2.6rem 2.4rem 2.4rem;
    opacity: 0;
    transform: translate(-2rem)
}

.hero__card-mark {
    width: 30px;
    color: var(--gold-light);
    margin-bottom: 2.2rem
}

.hero__card-name {
    display: block;
    font-size: .68rem;
    letter-spacing: .3em;
    margin-bottom: .5rem
}

.hero__card-konum {
    display: block;
    font-size: .56rem;
    letter-spacing: .34em;
    color: var(--gold-light);
    margin-bottom: 1.1rem
}

.hero__card-text {
    font-size: .82rem;
    line-height: 1.75;
    color: #ece6dcbf;
    margin-bottom: 2rem
}

.hero__card-link {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-size: .64rem;
    letter-spacing: .3em;
    color: var(--gold-light)
}

.hero__card-link .arrow {
    transition: transform .35s var(--ease-out)
}

.hero__card-link:hover .arrow {
    transform: translate(6px)
}

.hero__media {
    position: absolute;
    z-index: 2;
    right: 0;
    top: var(--head);
    bottom: var(--media-bottom);
    width: clamp(300px, 46vw, 860px)
}

.hero__media-mask {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.hero__img {
    filter: saturate(.85) contrast(1.04);
    transform: scale(1.12);
    transform-origin: top center;
    object-position: center;
    will-change: transform
}

.hero__stat {
    position: absolute;
    right: clamp(1rem, 3vw, 3.4rem);
    top: 24%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.1rem;
    color: var(--cream);
    text-align: right;
    opacity: 0
}

.hero__stat-label {
    font-size: .58rem;
    letter-spacing: .42em;
    writing-mode: vertical-rl
}

.hero__stat-rule {
    width: 1px;
    height: 3.4rem;
    background: #ece6dc80
}

.hero__stat-num {
    font-family: var(--font-serif);
    font-size: clamp(2.4rem, 3.6vw, 3.6rem);
    line-height: 1;
    color: var(--gold-light)
}

.hero__stat-desc {
    font-size: .6rem;
    letter-spacing: .24em;
    line-height: 1.8
}

.hero__contact {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: var(--media-bottom);
    display: flex;
    align-items: center;
    gap: 1.6rem;
    background: #10140feb;
    color: var(--cream);
    padding: 1.7rem clamp(1.6rem, 3vw, 3rem);
    opacity: 0;
    transform: translateY(1.5rem)
}

.hero__contact-btn {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(236, 230, 220, .45);
    border-radius: 50%;
    font-size: 1.1rem;
    transition: background-color .4s, color .4s, transform .4s var(--ease-out)
}

.hero__contact-btn:hover {
    background: var(--gold);
    border-color: var(--gold);
    transform: scale(1.06)
}

.hero__contact-info {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    font-size: .78rem
}

.hero__contact-label {
    font-size: .58rem;
    letter-spacing: .36em;
    color: var(--gold-light);
    margin-bottom: .45rem
}

.hero__contact-info a {
    transition: color .3s
}

.hero__contact-info a:hover {
    color: var(--gold-light)
}

.hero__foot {
    position: absolute;
    z-index: 3;
    left: clamp(1.4rem, 4vw, 4.2rem);
    right: clamp(320px, 47vw, 880px);
    bottom: 5vh;
    display: flex;
    align-items: center;
    gap: clamp(1.6rem, 4vw, 4rem);
    opacity: 0
}

.hero__index {
    font-size: .66rem;
    letter-spacing: .3em;
    color: #14170fa6;
    white-space: nowrap
}

.hero__tags {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    border-top: 1px solid var(--line);
    padding-top: 1.4rem;
    font-size: .62rem;
    font-weight: 500;
    letter-spacing: .3em;
    white-space: nowrap
}

.hero__tag-sep {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    flex: none
}

.marquee {
    position: relative;
    background: var(--dark);
    color: var(--cream);
    padding: clamp(1.6rem, 3.4vh, 2.8rem) 0;
    overflow: hidden
}

.marquee__track {
    display: flex;
    gap: 5rem;
    width: max-content;
    will-change: transform
}

.marquee__item {
    font-family: var(--font-serif);
    font-size: clamp(1.8rem, 3.6vw, 3.2rem);
    white-space: nowrap
}

.marquee__item em {
    color: var(--gold-light)
}

.about {
    padding: clamp(6rem, 14vh, 11rem) clamp(1.4rem, 6vw, 7rem)
}

.about__head {
    max-width: 60rem;
    margin-bottom: clamp(3.5rem, 8vh, 6rem)
}

.about__grid {
    display: grid;
    grid-template-columns: 5fr 6fr;
    gap: clamp(2.5rem, 6vw, 7rem);
    align-items: start
}

.about__media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden
}

.about__media img {
    height: 120%;
    filter: saturate(.8);
    will-change: transform
}

.about__lead {
    font-family: var(--font-serif);
    font-size: clamp(1.25rem, 1.9vw, 1.7rem);
    line-height: 1.5;
    margin-bottom: 1.8rem
}

.about__text {
    font-size: .95rem;
    line-height: 1.9;
    color: #14170fbf;
    max-width: 46ch;
    margin-bottom: 3.2rem
}

.about__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
    margin-bottom: 3.2rem
}

.about__stat {
    padding: 1.8rem 1rem 0 0
}

.about__stat-num {
    display: block;
    font-family: var(--font-serif);
    font-size: clamp(2.2rem, 3.6vw, 3.4rem);
    line-height: 1;
    color: var(--gold);
    margin-bottom: .7rem;
    font-variant-numeric: tabular-nums
}

.about__stat-label {
    font-size: .6rem;
    letter-spacing: .28em;
    color: #14170fa6
}

.areas {
    position: relative;
    background: var(--dark);
    color: var(--cream);
    padding: clamp(6rem, 14vh, 11rem) clamp(1.4rem, 6vw, 7rem)
}

.areas__head {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    margin-bottom: clamp(3rem, 7vh, 5rem);
}
.areas__head .section-label {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.areas__list {
    border-top: 1px solid var(--line-light)
}

.areas__item {
    position: relative;
    display: grid;
    grid-template-columns: 3rem 1fr 2.5fr 3rem;
    align-items: center;
    gap: clamp(1rem, 3vw, 3rem);
    padding: clamp(1.6rem, 3.4vh, 2.6rem) 0;
    border-bottom: 1px solid var(--line-light);
    cursor: pointer;
    transition: padding-left .5s var(--ease-out)
}

.areas__item:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ece6dc0a;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .5s var(--ease-out)
}

.areas__item:hover {
    padding-left: 1.4rem
}

.areas__item:hover:before {
    transform: scaleY(1);
    transform-origin: top
}

.areas__num {
    font-size: .66rem;
    letter-spacing: .24em;
    color: var(--gold-light)
}

.areas__name {
    font-family: var(--font-serif);
    font-size: clamp(1.6rem, 3.2vw, 2.8rem);
    font-weight: 500;
    transition: color .4s, transform .5s var(--ease-out)
}

.areas__item:hover .areas__name {
    color: var(--gold-light)
}

.areas__desc {
    font-size: .82rem;
    color: #ece6dc9e
}

.areas__arrow {
    font-size: 1.3rem;
    justify-self: end;
    opacity: 0;
    transform: translate(-1rem) rotate(-45deg);
    transition: opacity .4s, transform .5s var(--ease-out)
}

.areas__item:hover .areas__arrow {
    opacity: 1;
    transform: translate(0) rotate(-45deg)
}

.areas__ort {
    position: absolute;
    inset: 0;
    z-index: 2
}

.areas__hepsi {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin-top: 1.8rem;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .28em;
    color: var(--gold-light);
    border-bottom: 1px solid rgba(194, 168, 120, .5);
    padding-bottom: .35rem;
    transition: color .3s, border-color .3s
}

.areas__hepsi:hover {
    color: var(--cream);
    border-color: var(--cream)
}

.areas__hepsi .arrow {
    transition: transform .35s var(--ease-out)
}

.areas__hepsi:hover .arrow {
    transform: translate(5px)
}

.areas__intro {
    max-width: 54ch;
    font-size: .88rem;
    line-height: 1.85;
    color: #ece6dc9e;
    padding-bottom: .6rem;
}

.areas__details {
    border-bottom: 1px solid var(--line-light);
}
.areas__item::-webkit-details-marker {
    display: none;
}
.areas__item {
    list-style: none;
    border-bottom: none;
}
.areas__details[open] .areas__arrow {
    transform: rotate(180deg);
}
.areas__content {
    padding: 1rem 0 3.5rem 5.2rem;
    color: var(--cream);
}
.areas__content-title {
    font-family: var(--font-serif);
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
    color: var(--gold-light);
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.areas__content-list {
    list-style: none;
    display: grid;
    gap: 1.2rem 2rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.areas__content-list li {
    position: relative;
    padding-left: 1.4rem;
    font-size: .88rem;
    color: #ece6dc9e;
    line-height: 1.6;
}
.areas__content-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    background: var(--gold-light);
    border-radius: 50%;
}
@media (max-width: 1024px) {
    .areas__content {
        padding-left: 3rem;
    }
}

.articles {
    padding: clamp(6rem, 14vh, 11rem) clamp(1.4rem, 6vw, 7rem)
}

.articles__head {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 2rem;
    margin-bottom: clamp(3rem, 7vh, 5rem)
}

.articles__head .section-label {
    grid-column: 1 / -1;
    margin-bottom: 0
}

.articles__intro {
    max-width: 34ch;
    font-size: .9rem;
    line-height: 1.8;
    color: #14170fb3;
    padding-bottom: .6rem
}

.articles__empty {
    border-top: 1px solid var(--line);
    padding-top: 2.4rem;
    font-size: .92rem;
    color: #14170f99;
    max-width: 46ch
}

.articles__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 3.5rem 3rem;
    margin-top: clamp(3rem, 6vh, 4.5rem)
}

.article-card {
    cursor: pointer
}

.article-card__media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    margin-bottom: 1.5rem
}

.article-card__media img {
    filter: saturate(.8);
    transition: transform .9s var(--ease-out), filter .9s
}

.article-card:hover .article-card__media img {
    transform: scale(1.07);
    filter: saturate(1)
}

.article-card__meta {
    display: flex;
    justify-content: space-between;
    font-size: .58rem;
    letter-spacing: .24em;
    color: var(--gold);
    margin-bottom: .9rem
}

.article-card__meta span:last-child {
    color: #14170f8c
}

.article-card__title {
    font-family: var(--font-serif);
    font-size: clamp(1.2rem, 1.7vw, 1.55rem);
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 1.2rem;
    transition: color .35s
}

.article-card:hover .article-card__title {
    color: var(--gold)
}

.article-card__link {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-size: .62rem;
    font-weight: 500;
    letter-spacing: .3em
}

.article-card__link .arrow {
    transition: transform .35s var(--ease-out)
}

.article-card:hover .article-card__link .arrow {
    transform: translate(6px)
}

.article-card__details {
    margin-top: 1.4rem
}

.article-card__details summary.article-card__link {
    list-style: none;
    cursor: pointer
}

.article-card__details summary.article-card__link::-webkit-details-marker {
    display: none
}

.article-card__details[open] .article-card__link .arrow {
    transform: rotate(180deg)
}

.article-card__body {
    max-width: 68ch;
    margin-top: 2.2rem;
    padding-top: 2.2rem;
    border-top: 1px solid var(--line)
}

.article-card__body h4 {
    font-family: var(--font-serif);
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 500;
    color: var(--gold);
    margin: 2.6rem 0 1rem
}

.article-card__body h4:first-child {
    margin-top: 0
}

.article-card__body h5 {
    font-family: var(--font-serif);
    font-size: clamp(1.02rem, 1.5vw, 1.18rem);
    font-weight: 500;
    color: var(--ink);
    margin: 2rem 0 .9rem
}

.article-card__body h6 {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--ink);
    margin: 1.6rem 0 .7rem
}

.article-card__body p {
    font-size: .92rem;
    line-height: 1.9;
    color: #14170fbf;
    margin-bottom: 1.1rem
}

.article-card__body ol,
.article-card__body ul {
    margin: 0 0 1.1rem;
    padding-left: 1.4rem;
    display: grid;
    gap: .6rem
}

.article-card__body li {
    font-size: .92rem;
    line-height: 1.75;
    color: #14170fbf
}

.contact {
    background: var(--dark-2);
    color: var(--cream);
    padding: clamp(6rem, 16vh, 12rem) clamp(1.4rem, 6vw, 7rem)
}

.contact__inner {
    max-width: 62rem
}

.contact__title {
    font-family: var(--font-serif);
    font-size: clamp(2.6rem, 6vw, 5.4rem);
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 2rem
}

.contact__title em {
    color: var(--gold-light)
}

.contact__title .split-line {
    display: block;
    overflow: hidden
}

.contact__title .split-line>span {
    display: block;
    transform: translateY(110%)
}

.contact__text {
    max-width: 52ch;
    color: #ece6dcb8;
    margin-bottom: 3rem
}

.contact__row {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    flex-wrap: wrap;
    margin-bottom: clamp(3.5rem, 8vh, 6rem)
}

.contact__mail {
    font-family: var(--font-serif);
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    font-style: italic;
    border-bottom: 1px solid rgba(236, 230, 220, .4);
    padding-bottom: .2rem;
    transition: color .35s, border-color .35s
}

.contact__mail:hover {
    color: var(--gold-light);
    border-color: var(--gold-light)
}

.contact__details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    border-top: 1px solid var(--line-light);
    padding-top: 2.6rem
}

.contact__detail-label {
    display: block;
    font-size: .6rem;
    letter-spacing: .4em;
    color: var(--gold-light);
    margin-bottom: .9rem
}

.contact__detail p {
    font-size: .88rem;
    color: #ece6dcbf
}

.contact__sayfa {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin-top: clamp(2rem, 5vh, 3.2rem);
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .28em;
    color: var(--gold-light);
    border-bottom: 1px solid rgba(194, 168, 120, .5);
    padding-bottom: .35rem;
    transition: color .3s, border-color .3s
}

.contact__sayfa:hover {
    color: var(--cream);
    border-color: var(--cream)
}

.contact__sayfa .arrow {
    transition: transform .35s var(--ease-out)
}

.contact__sayfa:hover .arrow {
    transform: translate(5px)
}

.footer {
    padding: clamp(3rem, 7vh, 5rem) clamp(1.4rem, 6vw, 7rem) 1.6rem
}

.footer__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: clamp(2rem, 5vh, 4rem)
}

.footer__logo {
    font-family: var(--font-serif);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .12em;
    display: flex;
    flex-direction: column
}

.footer__logo span {
    font-family: var(--font-sans);
    font-size: .55rem;
    font-weight: 400;
    letter-spacing: .42em;
    margin-top: .4rem;
    color: #14170fb3
}

.footer__nav {
    display: flex;
    gap: 2.2rem;
    flex-wrap: wrap
}

.footer__nav a {
    font-size: .66rem;
    letter-spacing: .26em;
    text-transform: uppercase;
    transition: color .3s
}

.footer__nav a:hover {
    color: var(--gold)
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 3rem;
    border-top: 1px solid var(--line);
    padding-top: 1.4rem;
    font-size: .66rem;
    color: #14170f8c
}

.footer__meta {
    display: flex;
    align-items: center;
    gap: 1.4rem
}

.footer__imza {
    font-weight: 600;
    letter-spacing: .16em;
    color: #6f8062;
    transition: color .25s ease
}

.footer__imza:hover {
    color: #55663f
}

@media(max-width:1024px) {
    .header__nav {
        display: none
    }

    .section-title {
        font-size: clamp(1.9rem, 8.2vw, 4.4rem)
    }

    .contact__title {
        font-size: clamp(2.1rem, 9vw, 5.4rem)
    }

    .about__grid {
        grid-template-columns: 1fr
    }

    .about__media {
        max-width: 32rem
    }

    .menu__content {
        grid-template-columns: 1fr;
        align-content: center;
        gap: 3rem
    }

    .menu__aside {
        justify-self: start;
        flex-direction: row;
        gap: 3rem;
        flex-wrap: wrap
    }

    .areas__item {
        grid-template-columns: 3rem 1fr 2rem
    }

    .areas__desc {
        display: none
    }

    .articles__head,
    .areas__head {
        grid-template-columns: 1fr;
        align-items: start
    }

    .articles__grid {
        grid-template-columns: 1fr;
        gap: 3.5rem
    }

    .contact__details {
        grid-template-columns: 1fr;
        gap: 2.4rem
    }
}

@media(max-width:1024px)and (orientation:portrait), (max-width:699px), (max-width:1024px)and (max-height:560px) {
    .hero {
        --stage: max(100vh, 40rem);
        --photo: calc(var(--stage) * .42);
        min-height: var(--stage);
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }

    .hero__ring {
        left: -30vw;
        top: auto;
        bottom: 6%;
        width: 66vw;
        height: 66vw
    }

    .hero__media {
        position: relative;
        top: auto;
        bottom: auto;
        right: 0;
        left: 0;
        width: auto;
        height: var(--photo)
    }

    .hero__title {
        position: relative;
        z-index: 3;
        order: 1;
        left: auto;
        top: auto;
        margin: 1.6rem clamp(1.4rem, 5vw, 3rem) 0;
        font-size: clamp(2.2rem, min(9.6vw, 15svh), 4.6rem);
        line-height: .98;
        color: #fff;
        mix-blend-mode: difference;
        pointer-events: none
    }

    .hero__foot {
        position: relative;
        order: 2;
        left: auto;
        right: auto;
        bottom: auto;
        margin: clamp(1rem, 2.4svh, 2.2rem) clamp(1.4rem, 5vw, 3rem) clamp(1.3rem, 3svh, 2.8rem);
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(.7rem, 1.6svh, 1.1rem)
    }

    .hero__card {
        position: relative;
        order: 3;
        top: auto;
        left: auto;
        width: auto;
        margin: auto 0 0;
        padding: clamp(1.4rem, 3svh, 2.6rem) clamp(1.4rem, 5vw, 3rem) clamp(1.1rem, 2.2svh, 2rem);
        transform: none
    }

    .hero__card-mark {
        width: 24px;
        margin-bottom: clamp(.8rem, 2svh, 1.4rem)
    }

    .hero__card-name {
        margin-bottom: .35rem
    }

    .hero__card-konum {
        margin-bottom: clamp(.6rem, 1.4svh, .9rem)
    }

    .hero__card-text {
        max-width: 34rem;
        margin-bottom: clamp(.9rem, 2svh, 1.5rem)
    }

    .hero__contact {
        position: relative;
        order: 4;
        right: auto;
        bottom: auto;
        width: 100%;
        justify-content: flex-start;
        gap: 1.2rem;
        padding: clamp(.9rem, 2svh, 1.4rem) clamp(1.4rem, 5vw, 3rem) clamp(1rem, 2.2svh, 1.5rem);
        background: var(--dark);
        border-top: 1px solid rgba(236, 230, 220, .14);
        transform: none
    }

    .hero__contact-btn {
        width: 46px;
        height: 46px;
        font-size: .95rem
    }

    .hero__stat {
        top: 10%
    }

    .hero__tags {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: .8rem 1.2rem
    }
}

@media(max-width:560px) {
    .header__menu-btn {
        min-height: 68px;
        padding: 0 1.2rem
    }

    .header__logo {
        padding: .9rem 0
    }

    .header__logo-name {
        font-size: 1.02rem;
        letter-spacing: .1em;
        line-height: 1.15
    }

    .header__logo-sub {
        font-size: .5rem;
        letter-spacing: .34em;
        margin-top: .3rem
    }

    .hero {
        --head: 82px;
        --photo: calc(var(--stage) * .375)
    }

    .hero__index {
        display: none
    }

    .hero__tags {
        border-top-color: #14170f29;
        padding-top: 1.1rem
    }

    .hero__contact-btn {
        width: 44px;
        height: 44px
    }

    .hero__contact-info {
        font-size: .74rem
    }

    .about__stats {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width:1025px) {
    html.is-instant .hero {
        min-height: 0;
        height: 940px;
        --media-bottom: 116px
    }
}

html.is-instant [data-reveal] {
    opacity: 1;
    transform: none
}

html.is-instant .split-word {
    transform: none
}

@media(prefers-reduced-motion:reduce) {
    .preloader {
        display: none
    }

    [data-reveal] {
        opacity: 1;
        transform: none
    }

    .hero__line-inner,
    .split-word {
        transform: none
    }

    .hero__card,
    .hero__stat,
    .hero__contact,
    .hero__foot {
        opacity: 1;
        transform: none
    }

    .hero__media-mask {
        clip-path: none
    }

    .hero__img {
        transform: none
    }

    *,
    *:before,
    *:after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important
    }
}

.subpage {
    padding: calc(74px + clamp(4rem, 10vh, 8rem)) clamp(1.4rem, 6vw, 7rem) clamp(6rem, 14vh, 11rem);
    min-height: 60vh
}

.subpage__head {
    max-width: 60rem;
    margin-bottom: clamp(3rem, 7vh, 5rem)
}

.subpage--devam {
    padding-top: clamp(3rem, 8vh, 6rem);
    min-height: 0;
    border-top: 1px solid var(--line)
}

.post {
    padding: calc(74px + clamp(3rem, 8vh, 6rem)) clamp(1.4rem, 6vw, 7rem) clamp(5rem, 12vh, 9rem)
}

.post__head {
    max-width: 46rem;
    margin: 0 auto clamp(2.5rem, 6vh, 4rem)
}

.post__meta {
    display: flex;
    gap: 1.6rem;
    font-size: .6rem;
    letter-spacing: .24em;
    color: var(--gold);
    margin-bottom: 1.4rem
}

.post__meta span:last-child {
    color: #14170f8c
}

.post__title {
    font-family: var(--font-serif);
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.01em
}

.post__cover {
    max-width: 62rem;
    margin: 0 auto clamp(2.5rem, 6vh, 4rem);
    aspect-ratio: 16 / 9;
    overflow: hidden
}

.post__cover img {
    filter: saturate(.85)
}

.post__body {
    max-width: 42rem;
    margin: 0 auto;
    font-size: 1.02rem;
    line-height: 1.95;
    color: #14170fd1
}

.post__body p {
    margin-bottom: 1.6rem
}

.post__body h2,
.post__body h3 {
    font-family: var(--font-serif);
    font-weight: 500;
    line-height: 1.25;
    margin: 2.6rem 0 1.1rem
}

.post__body h2 {
    font-size: 1.7rem
}

.post__body h3 {
    font-size: 1.35rem
}

.post__body ul,
.post__body ol {
    margin: 0 0 1.6rem 1.2rem
}

.post__body ul {
    list-style: disc
}

.post__body ol {
    list-style: decimal
}

.post__body li {
    margin-bottom: .5rem
}

.post__body a {
    color: var(--gold);
    border-bottom: 1px solid rgba(165, 133, 79, .4)
}

.post__body blockquote {
    font-family: var(--font-serif);
    font-style: italic;
    font-size: 1.2rem;
    border-left: 2px solid var(--gold);
    padding-left: 1.6rem;
    margin: 2.2rem 0;
    color: var(--ink)
}

.post__body figure {
    margin: 2.4rem 0
}

.post__body img {
    width: 100%;
    height: auto
}

.post__body figcaption {
    margin-top: .8rem;
    font-size: .82rem;
    letter-spacing: .02em;
    color: #14170f99
}

.post__foot {
    max-width: 42rem;
    margin: clamp(3rem, 7vh, 5rem) auto 0;
    border-top: 1px solid var(--line);
    padding-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap
}

.post__back {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-size: .64rem;
    font-weight: 500;
    letter-spacing: .3em
}

.post__back .arrow {
    transition: transform .35s var(--ease-out)
}

.post__back:hover .arrow {
    transform: translate(-6px)
}

.prose {
    max-width: 44rem;
    font-size: .95rem;
    line-height: 1.9;
    color: #14170fcc
}

.prose p {
    margin-bottom: 1.4rem
}

.prose h2 {
    font-family: var(--font-serif);
    font-size: 1.45rem;
    font-weight: 500;
    margin: 2.4rem 0 1rem
}

.prose ul {
    margin: 0 0 1.4rem;
    padding-left: 1.2rem;
    list-style: none
}

.prose li {
    position: relative;
    margin-bottom: .9rem
}

.prose li:before {
    content: "";
    position: absolute;
    left: -1.2rem;
    top: .85em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold)
}

.prose strong {
    font-weight: 600;
    color: var(--ink)
}

.prose code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .86em;
    padding: .1em .4em;
    background: #14170f0f;
    border-radius: 3px
}

.prose a {
    color: var(--ink);
    border-bottom: 1px solid var(--gold);
    transition: color .3s
}

.prose a:hover {
    color: var(--gold)
}

.prose__not {
    margin-top: 2.6rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--line);
    font-size: .78rem;
    letter-spacing: .06em;
    color: #14170f8c
}

.notfound {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1.6rem;
    padding: 2rem
}

.notfound__code {
    font-family: var(--font-serif);
    font-size: clamp(6rem, 18vw, 12rem);
    line-height: 1;
    color: var(--gold)
}

.notfound__text {
    font-family: var(--font-serif);
    font-size: clamp(1.3rem, 2.6vw, 1.8rem)
}

.subpage__lead {
    margin-top: 1.6rem;
    max-width: 52ch;
    font-size: .95rem;
    line-height: 1.85;
    color: #14170fad
}

.post__lead {
    margin-top: 1.4rem;
    font-size: 1rem;
    line-height: 1.8;
    color: #14170fa8
}

.alan-liste {
    border-top: 1px solid var(--line)
}

.alan-liste__satir {
    position: relative;
    display: grid;
    grid-template-columns: 4rem 1fr auto;
    align-items: center;
    gap: clamp(1rem, 3vw, 3rem);
    padding: clamp(1.6rem, 3.4vh, 2.4rem) 0;
    border-bottom: 1px solid var(--line);
    transition: padding-left .5s var(--ease-out)
}

.alan-liste__satir:hover {
    padding-left: 1.2rem
}

.alan-liste__num {
    font-size: .66rem;
    letter-spacing: .24em;
    color: var(--gold)
}

.alan-liste__ad {
    font-family: var(--font-serif);
    font-size: clamp(1.4rem, 2.6vw, 2.1rem);
    font-weight: 500;
    line-height: 1.2;
    transition: color .35s
}

.alan-liste__satir:hover .alan-liste__ad {
    color: var(--gold)
}

.alan-liste__desc {
    margin-top: .5rem;
    font-size: .86rem;
    line-height: 1.7;
    color: #14170f9e;
    max-width: 60ch
}

.alan-liste__link {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    white-space: nowrap;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .28em;
    color: var(--gold)
}

.alan-liste__link .arrow {
    transition: transform .35s var(--ease-out)
}

.alan-liste__satir:hover .alan-liste__link .arrow {
    transform: translate(6px)
}

.alan-liste__alt {
    margin-top: clamp(2.6rem, 6vh, 4rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    flex-wrap: wrap
}

.alan-liste__alt p {
    font-size: .92rem;
    color: #14170fa8;
    max-width: 46ch
}

.ofis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: clamp(1.8rem, 4vw, 3.4rem);
    border-top: 1px solid var(--line);
    padding-top: clamp(2.2rem, 5vh, 3.4rem)
}

.ofis__blok {
    font-size: .92rem;
    line-height: 1.8;
    color: #14170fbf
}

.ofis__etiket {
    display: block;
    font-size: .6rem;
    letter-spacing: .34em;
    color: var(--gold);
    margin-bottom: .9rem
}

.ofis__adres {
    font-style: normal
}

.ofis__baglanti {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: .28em;
    border-bottom: 1px solid var(--gold);
    padding-bottom: .3rem;
    transition: color .3s
}

.ofis__baglanti:hover {
    color: var(--gold)
}

.ofis__baglanti .arrow {
    transition: transform .35s var(--ease-out)
}

.ofis__baglanti:hover .arrow {
    transform: translate(5px)
}

.ofis__liste {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.ofis__liste a {
    border-bottom: 1px solid transparent;
    transition: color .3s, border-color .3s
}

.ofis__liste a:hover {
    color: var(--gold);
    border-color: var(--gold)
}

.ofis__etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.ofis__etiketler li {
    font-size: .68rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    border: 1px solid var(--line);
    padding: .35rem .8rem
}

.ofis__not {
    margin-top: .9rem;
    font-size: .8rem;
    line-height: 1.7;
    color: #14170f8c
}

.sss {
    background: var(--cream-2);
    padding: clamp(6rem, 14vh, 11rem) clamp(1.4rem, 6vw, 7rem)
}

.sss__head {
    margin-bottom: clamp(2.6rem, 6vh, 4rem)
}

.sss__liste {
    border-top: 1px solid var(--line);
    max-width: 60rem
}

.sss__oge {
    border-bottom: 1px solid var(--line)
}

.sss__soru {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    padding: clamp(1.2rem, 2.6vh, 1.8rem) 0;
    cursor: pointer;
    list-style: none;
    font-family: var(--font-serif);
    font-size: clamp(1.05rem, 1.9vw, 1.35rem);
    font-weight: 500;
    line-height: 1.35;
    transition: color .35s
}

.sss__soru::-webkit-details-marker {
    display: none
}

.sss__soru::marker {
    content: ""
}

.sss__oge[open] .sss__soru,
.sss__soru:hover {
    color: var(--gold)
}

.sss__isaret {
    position: relative;
    flex: 0 0 auto;
    width: 14px;
    height: 14px
}

.sss__isaret:before,
.sss__isaret:after {
    content: "";
    position: absolute;
    background: var(--gold);
    transition: transform .4s var(--ease-out), opacity .3s
}

.sss__isaret:before {
    top: 6px;
    left: 0;
    width: 14px;
    height: 1.5px
}

.sss__isaret:after {
    top: 0;
    left: 6px;
    width: 1.5px;
    height: 14px
}

.sss__oge[open] .sss__isaret:after {
    transform: scaleY(0);
    opacity: 0
}

.sss__cevap {
    padding-bottom: clamp(1.2rem, 2.6vh, 1.8rem);
    max-width: 62ch;
    font-size: .92rem;
    line-height: 1.85;
    color: #14170fb3
}

.footer__nap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 1.4rem clamp(1.6rem, 4vw, 3.4rem);
    border-top: 1px solid var(--line);
    padding-top: clamp(1.6rem, 3.5vh, 2.4rem);
    font-size: .8rem;
    line-height: 1.75;
    color: #14170fad
}

.footer__nap-etiket {
    display: block;
    font-size: .56rem;
    letter-spacing: .34em;
    color: var(--gold);
    margin-bottom: .5rem
}

.footer__nap address {
    font-style: normal
}

.footer__nap a {
    transition: color .3s
}

.footer__nap a:hover {
    color: var(--gold)
}

@media(max-width:640px) {
    .alan-liste__satir {
        grid-template-columns: 2.6rem 1fr
    }

    .alan-liste__link {
        grid-column: 2;
        justify-self: start
    }

    .alan-liste__alt {
        flex-direction: column;
        align-items: flex-start
    }
}