/* Shared inner pages: the homepage's light palette, typography and spacing. */
.inner-page .site-header{position:relative;inset:auto;background:var(--paper);min-height:104px}
.inner-page .site-nav a[aria-current=page]{color:var(--coral)}
.page-main{padding:0 var(--page-gutter) 88px;max-width:1800px;margin:auto}
.page-intro{padding:54px 0 64px;max-width:1100px}
.breadcrumb{display:inline-flex;gap:18px;align-items:center;font-size:13px;color:#83796d;min-height:40px;margin-bottom:28px}
.breadcrumb span{color:#b6ada0}
.page-intro h1{font:400 clamp(58px,7vw,106px)/1.04 TTCommons,sans-serif;letter-spacing:-3px;margin:0;overflow-wrap:anywhere}
.page-intro h1 em{font-style:normal;color:#ff412c}
.page-intro>p{max-width:620px;font-size:21px;line-height:1.5;color:#6d685f;margin:28px 0 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}
.original-wide{aspect-ratio:16/9;overflow:hidden;background:#efede7}
.original-wide img{width:100%;height:100%;display:block;object-fit:cover}
.portfolio-card{min-width:0;display:block}
.portfolio-card h2{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:23px;letter-spacing:-.4px;line-height:1.3;padding:16px 0;margin:0;border-bottom:1px solid #e3ded5}
.portfolio-card h2 span{color:#ff412c;font-size:22px}
.portfolio-card:hover h2{color:#ff412c}
.archive-link{margin-top:36px!important}
.service-jumps{display:flex;flex-wrap:wrap;gap:8px 24px;padding-bottom:30px;border-bottom:1px solid #e3ded5}
.service-jumps a{display:flex;align-items:center;min-height:44px;font-size:15px;color:#6d685f}.service-jumps a:hover{color:#ff412c}
.service-row{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:56px 0;border-bottom:1px solid #e3ded5;scroll-margin-top:24px}
.service-row:nth-child(even) .original-wide{order:2}
.service-content .eyebrow{display:block;font-size:12px;color:#ff412c;margin-bottom:18px}
.service-content h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-1.2px;line-height:1.1}
.service-content p{font-size:18px;line-height:1.5;color:#6d685f;max-width:44ch;margin:20px 0 26px}
.culture-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.culture-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#efede7}
.culture-gallery img:first-child{grid-column:span 2;grid-row:span 2}
.culture-message{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:72px}
.culture-message h2{font-size:clamp(32px,3.7vw,54px);line-height:1.12}
.culture-message p{font-size:20px;line-height:1.5;color:#6d685f;margin:0}
.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 0 56px}
.contact-direct a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(20px,2.5vw,36px);padding:20px 0;border-bottom:1px solid #b8afa1;overflow-wrap:anywhere}
.contact-direct span{color:#ff412c}
.office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:20px 0 60px}
.office-grid h2{font-size:34px;letter-spacing:-1px;margin-bottom:24px}
.office-grid address{font-style:normal;font-size:18px;line-height:1.6;color:#6d685f;min-height:90px}
.meeting-callout{border-top:1px solid #e3ded5;padding-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.meeting-callout h2{font-size:36px;letter-spacing:-1px}
.inner-cta{padding:60px var(--page-gutter);border-top:1px solid #e3ded5;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#faf9f6,#f2e9de)}
.inner-cta>div>span{font-size:10px;letter-spacing:1.4px;color:#83796d;display:block;margin-bottom:14px}
.inner-cta h2{font-size:clamp(60px,8vw,110px);letter-spacing:-3px}
.inner-cta>a{font-weight:700}
@media(max-width:940px){.inner-page .site-header{min-height:88px}.page-main{padding-bottom:60px}.service-row{gap:32px}.culture-message{gap:32px}.office-grid{gap:22px}.office-grid address{font-size:16px}.contact-direct{gap:24px}}
@media(max-width:700px){
 .inner-page .site-header{min-height:80px}
 .page-intro{padding:22px 0 36px}.breadcrumb{margin-bottom:20px}
 .page-intro h1{font-size:clamp(43px,10.7vw,70px);letter-spacing:-1.6px;line-height:1.1}
 .page-intro>p{font-size:17px;line-height:1.5;margin-top:22px}
 .portfolio-grid{grid-template-columns:1fr;gap:26px}.portfolio-card h2{font-size:21px;padding:14px 0}
 .service-jumps{gap:0 20px;padding-bottom:22px}.service-jumps a{font-size:14px}
 .service-row{grid-template-columns:1fr;gap:24px;padding:34px 0}
 .service-row:nth-child(even) .original-wide{order:0}
 .service-content .eyebrow{margin-bottom:12px}.service-content h2{font-size:32px}
 .service-content p{font-size:17px;margin:16px 0 20px}
 .culture-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .culture-gallery img:first-child{grid-column:auto;grid-row:auto}
 .culture-message{grid-template-columns:1fr;gap:22px;padding-top:36px}.culture-message h2{font-size:32px}.culture-message p{font-size:17px}
 .contact-direct{grid-template-columns:1fr;gap:6px;padding-bottom:32px}.contact-direct a{font-size:23px;min-height:60px}
 .office-grid{grid-template-columns:1fr;gap:28px;padding:12px 0 36px}.office-grid article{padding-bottom:28px;border-bottom:1px solid #e3ded5}
 .office-grid h2{font-size:30px;margin-bottom:16px}.office-grid address{min-height:0;margin-bottom:20px;font-size:17px}
 .meeting-callout,.inner-cta{align-items:flex-start;flex-direction:column;gap:24px}.meeting-callout h2{font-size:30px}
 .inner-cta{padding:40px var(--page-gutter)}.inner-cta h2{font-size:64px;letter-spacing:-2px}
}
@media(max-width:700px){
 .page-main{padding-bottom:64px}
 .page-intro{padding-bottom:48px}
 .service-jumps{padding-bottom:32px}
 .service-row{padding-top:48px;padding-bottom:48px;gap:28px}
 .portfolio-grid{row-gap:38px}
 .culture-message{margin-top:48px;padding-top:40px;border-top:1px solid #e3ded5;gap:26px}
 .contact-direct{padding-bottom:48px}
 .office-grid{gap:36px;padding-bottom:48px}
 .office-grid article{padding-bottom:36px}
 .meeting-callout{padding-top:40px}
 .inner-cta{padding-top:56px;padding-bottom:56px}
}

/* Works page: exact source card proportions and responsive grid. */
.source-projects{display:grid;grid-template-columns:1fr;gap:24px}
.source-projects .project-card{display:block;min-width:0;color:inherit;text-decoration:none}
.source-projects .project-card__image{position:relative;overflow:hidden;background:transparent;aspect-ratio:auto}
.source-projects .project-card__image:before{content:none}
.source-projects .project-card__image img{position:static;inset:auto;width:100%;height:auto;max-width:100%;object-fit:contain;display:block;transform:none;border-radius:0;aspect-ratio:auto var(--work-image-ratio)}
.source-projects .project-card__content{padding-top:16px}
.source-projects .project-card__title{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:0;margin:0}
.source-projects .project-card__text{font-size:16px;font-weight:400;line-height:1.2;margin:0}
@media(min-width:768px){.source-projects .project-card__title{font-size:calc(4.1666666667vw - 14px)}.source-projects .project-card__text{font-size:calc(1.1904761905vw + 6.8571428576px)}}
@media(min-width:992px){.source-projects{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:80px;column-gap:40px}}
@media(min-width:1440px){.source-projects .project-card__title{font-size:46px}.source-projects .project-card__text{font-size:24px}}

.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e5dfd5;border:1px solid #e5dfd5}
.client-logo{background:var(--paper);aspect-ratio:1;display:grid;place-items:center;min-width:0;overflow:hidden}
.client-logo img{display:block;width:90%;height:90%;object-fit:contain;filter:brightness(0);opacity:.85}
.client-logo img.client-logo--opaque{filter:grayscale(1) invert(1);mix-blend-mode:multiply}
@media(max-width:940px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo img{width:96%;height:96%}}

/* Explore pages use the same shared shell and source artwork. */
.explore-page .container{width:100%;max-width:none;margin:0;padding:0}
.explore-page .page-studies__grid,.explore-page .page-blogs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.explore-page .project-card,.explore-page .blog-card{display:block;min-width:0}
.explore-page .project-card__image,.explore-page .blog-card__image{aspect-ratio:8/5;position:relative;overflow:hidden;background:#efede7}
.explore-page .project-card__image img,.explore-page .blog-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.explore-page .project-card__content,.explore-page .blog-card__content{padding-top:18px}
.explore-page .project-card__title,.explore-page .blog-card__title{font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:0 0 12px}
.explore-page .project-card__text,.explore-page .blog-card__text{font-size:17px;color:#6d685f;line-height:1.5;margin:0}
.explore-page .blog-card__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.explore-page .explore-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e3ded5;border:1px solid #e3ded5}
.explore-logos>div{aspect-ratio:1;background:var(--paper);display:grid;place-items:center;overflow:hidden}
.explore-logos img{width:94%;height:94%;object-fit:contain;filter:brightness(0);display:block}
.explore-page .page-experience__intro{max-width:900px;margin-bottom:56px}
.explore-page .page-experience__lead-text,.explore-page .page-experience__callout-sub{font-size:21px;line-height:1.65;color:#6d685f;white-space:pre-line;margin:0 0 28px}
.explore-page .page-experience__callout-title{font-size:36px;line-height:1.2;margin:36px 0 18px;font-weight:400}
.explore-page .page-experience__list{display:grid;gap:64px}
.explore-page .page-experience__item{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-top:48px;border-top:1px solid #e3ded5}
.explore-page .page-experience__item img,.explore-page video{display:block;width:100%;height:auto;object-fit:contain}
.explore-page .page-experience__item-title{font-size:34px;line-height:1.15;font-weight:400;margin:0 0 22px}
.explore-page .page-experience__item-text{font-size:18px;line-height:1.6;color:#6d685f;white-space:pre-line;margin:0}
.explore-page .page-brand-experience__gallery{display:grid;gap:32px}
.explore-page .page-brand-experience__gallery img{display:block;width:100%;height:auto}
.explore-page .page-brand-experience__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:940px){.explore-page .explore-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-page .page-experience__item{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){
 .explore-page .page-studies__grid,.explore-page .page-blogs__grid{grid-template-columns:1fr;gap:40px}
 .explore-page .project-card__title,.explore-page .blog-card__title{font-size:25px}
 .explore-page .explore-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .explore-page .page-experience__lead-text,.explore-page .page-experience__callout-sub{font-size:17px;line-height:1.6}
 .explore-page .page-experience__callout-title{font-size:28px}
 .explore-page .page-experience__intro{margin-bottom:40px}
 .explore-page .page-experience__list{gap:40px}
 .explore-page .page-experience__item{padding-top:40px}
 .explore-page .page-experience__item-title{font-size:28px}
 .explore-page .page-experience__item-text{font-size:17px}
 .explore-page .page-brand-experience__gallery{gap:20px}
 .explore-page .page-brand-experience__row{grid-template-columns:1fr;gap:20px}
}
/* Opaque artwork retains its original colors; only transparent white logos are recolored. */
.explore-logos img[src$=".jpg"],.client-logo img.client-logo--opaque{filter:none;mix-blend-mode:normal;opacity:1}

/* Service navigation reads as a set of selectable controls. */
.service-jumps{gap:10px;padding:0 0 32px}
.service-jumps::before{content:'Hizmet seçin';display:block;flex-basis:100%;font-size:12px;letter-spacing:.8px;color:#83796d;margin-bottom:6px}
.service-jumps a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:12px 18px;border:1px solid #d8d0c4;border-radius:6px;background:#f3f0ea;font-size:16px;font-weight:700;line-height:1.25;color:#38332d;transition:background .2s,border-color .2s,color .2s}
.service-jumps a::after{content:'↓';font-size:17px;color:#ff412c}
.service-jumps a:hover{background:#eae3d8;border-color:#ff412c;color:#843f30}
.service-jumps a[aria-current="location"]{background:#ff412c;border-color:#ff412c;color:white}
.service-jumps a[aria-current="location"]::after{color:inherit}
.service-jumps a:focus-visible{outline:2px solid #ff412c;outline-offset:3px}
@media(max-width:700px){.service-jumps{gap:8px;padding-bottom:32px}.service-jumps a{font-size:14px;padding:11px 13px;min-height:44px;gap:12px}}
@media(prefers-reduced-motion:reduce){.service-jumps a{transition:none}}

.application-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8%;align-items:start}
.application-form{max-width:800px}
.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.application-fields .field-wide{grid-column:1/-1}
.application-form label{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.4}
.application-form input:not([type="checkbox"]),.application-form textarea{width:100%;border:1px solid #d8d0c4;background:#fffdfa;padding:14px;font:inherit;color:inherit;border-radius:4px;min-height:48px}
.application-form textarea{resize:vertical}
.application-form input:focus-visible,.application-form textarea:focus-visible{outline:2px solid #ff412c;outline-offset:2px}
.application-form fieldset{border:0;padding:0;margin:32px 0}.application-form legend{margin-bottom:16px;font-size:18px}
.application-needs{display:flex;flex-wrap:wrap;gap:10px}.application-needs label{position:relative;display:block;cursor:pointer}
.application-needs input{position:absolute;width:1px;height:1px;opacity:0}
.application-needs span{display:block;border:1px solid #d8d0c4;padding:12px 16px;border-radius:4px;font-size:15px}
.application-needs input:checked+span{background:#ff412c;border-color:#ff412c;color:#fff}
.application-needs input:focus-visible+span{outline:2px solid #ff412c;outline-offset:3px}
.application-submit{display:flex;align-items:center;gap:36px;background:#ff412c;color:white;border:0;padding:16px 24px;margin-top:26px;border-radius:4px;font-size:17px;font-weight:700;min-height:50px}
.application-submit:disabled{opacity:.6;cursor:default}
#application-status{font-size:16px;line-height:1.5;margin-top:18px}
.application-contact{border-top:1px solid #d8d0c4;padding-top:26px}.application-contact h2{font-size:30px;margin-bottom:24px}.application-contact a{display:block;font-size:18px;line-height:1.5;margin-bottom:14px;overflow-wrap:anywhere}
@media(max-width:700px){.application-layout{grid-template-columns:1fr;gap:44px}.application-fields{grid-template-columns:1fr;gap:20px}.application-needs span{font-size:14px;padding:10px 12px}}

/* Service index: typographic links, without button surfaces. */
.service-jumps{gap:12px 30px;padding-bottom:30px}
.service-jumps::before{margin-bottom:8px}
.service-jumps a{position:relative;justify-content:flex-start;gap:12px;padding:10px 0;min-height:44px;border:0;border-radius:0;background:transparent;font-size:18px;font-weight:700;color:#38332d;text-decoration:none;text-underline-offset:7px;text-decoration-thickness:1px;transition:color .2s}
.service-jumps a::after{font-size:17px;color:#ff412c}
.service-jumps a:hover{background:transparent;border:0;color:#ff412c;text-decoration:underline}
.service-jumps a[aria-current="location"]{background:transparent;border:0;color:#ff412c;text-decoration:underline}
.service-jumps a[aria-current="location"]::after{color:inherit}
@media(max-width:700px){.service-jumps{gap:6px 22px}.service-jumps a{font-size:16px;padding:10px 0;gap:10px}}

/* Compact text-only service index. */
.service-jumps{column-gap:28px;row-gap:2px;padding-bottom:24px}
.service-jumps::before{margin-bottom:4px}
.service-jumps a{gap:0;padding:9px 0;min-height:42px;line-height:1.3}
.service-jumps a::after{content:none;display:none}
@media(max-width:700px){.service-jumps{column-gap:22px;row-gap:0;padding-bottom:26px}.service-jumps a{padding:10px 0;min-height:44px;font-size:16px}}

/* Align the service divider with the content and tighten its surrounding space. */
.service-jumps{width:100%;margin:0;padding:0 0 10px;border-bottom:1px solid #e3ded5}
.service-rows>.service-row:first-child{padding-top:28px}
@media(max-width:700px){.service-jumps{padding-bottom:8px}.service-rows>.service-row:first-child{padding-top:24px}}

/* Compact, uniform works listing with uncropped artwork. */
.source-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;align-items:start}
.source-projects .project-card__image{aspect-ratio:1;background:#f0ede7;display:flex;align-items:center;justify-content:center}
.source-projects .project-card__image img{position:static;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.source-projects .project-card__content{padding-top:12px}
.source-projects .project-card__title{font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.3px;margin:0}
.source-projects .project-card__text{font-size:15px;line-height:1.4;color:#6d685f;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:1600px){.source-projects{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991px){.source-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.source-projects .project-card__title{font-size:21px}}
@media(max-width:600px){.source-projects{gap:24px 12px}.source-projects .project-card__content{padding-top:10px}.source-projects .project-card__title{font-size:18px;letter-spacing:0}.source-projects .project-card__text{font-size:13px;line-height:1.4;margin-top:5px}}

/* Works shares the inner-page container and responsive spacing. */
.works-page .source-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.works-page .project-card__image{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#efede7}
.works-page .project-card__image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.works-page .project-card__content{padding-top:16px}
@media(max-width:940px){.works-page .source-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media(max-width:600px){.works-page .source-projects{grid-template-columns:1fr;gap:32px}.works-page .project-card__content{padding-top:12px}}

/* Sticky navigation and progressive portfolio loading. */
.inner-page .site-header{position:sticky;top:0;z-index:100;background:var(--paper)}
.source-projects .project-card[hidden]{display:none}
.works-load-trigger{height:1px;margin-top:36px}
.works-load-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.works-more{display:block;margin:32px auto 0;padding:14px 0;min-height:44px;border:0;border-bottom:1px solid #b9afa1;background:transparent;color:#38332d;font:inherit;font-size:16px;cursor:pointer}
.works-more:hover{color:#ff412c}

.works-index{overflow-anchor:none}

.service-jumps::before{content:none;display:none}

/* Empty brand-grid cells share the page background. */
.clients-grid{background:var(--paper)}
.client-logo{box-shadow:0 0 0 1px #e5dfd5}

/* More restrained titles on editorial and exploration pages. */
.explore-page .page-intro h1{font-size:clamp(48px,5.6vw,80px);letter-spacing:-2px;line-height:1.1}
@media(max-width:700px){.explore-page .page-intro h1{font-size:clamp(36px,9vw,54px);letter-spacing:-1.2px}}
