/* Geometric studio typography, locally hosted with Turkish glyphs. */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/onest-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/onest-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: 'Unbounded';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/unbounded-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/unbounded-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;
}

body.studio-design{--studio-display:'Unbounded',Arial,sans-serif;--studio-body:'Onest',Arial,sans-serif;font-family:var(--studio-body)}
/* One display role across the older page-specific heading shorthands. */
.studio-design :is(h1,h2,h3,.display){font-family:var(--studio-display)!important;font-weight:600!important;letter-spacing:-.018em!important;line-height:1.18!important;font-feature-settings:normal;overflow-wrap:break-word}
.studio-design :is(h1,h2,.display){text-transform:uppercase}
.studio-design h3{text-transform:none;font-weight:550!important;letter-spacing:-.012em!important}
.studio-design.home-experience .monitor-opening .opening-heading{width:min(85vw,1200px);max-width:90%}
.studio-design.home-experience .monitor-opening .opening-heading h1{font-size:clamp(37px,4vw,60px)}
.hero-type-line{padding:.09em .045em .13em 0;margin-bottom:0}
.hero-type-line:last-child{font-size:1em;letter-spacing:inherit;color:inherit;-webkit-text-stroke:0}
.studio-design :is(.partner-story-heading h2,.package-story-heading h2){font-size:clamp(35px,3.7vw,54px)}
.studio-design .brand-showcase-heading h2{font-size:clamp(38px,4.3vw,62px)}
.brand-showcase .brand-filmstrip{top:calc(155px + clamp(38px,4.3vw,62px)*2.36)}
.studio-design .service-gallery-heading h2{font-size:clamp(38px,4.5vw,65px)}
.studio-design .retro-contact-heading :is(h1,h2){font-size:clamp(32px,3.3vw,48px)}
.studio-design :is(.retro-screen,.retro-message-dialog) :is(h1,h2,h3){font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important;text-transform:none;letter-spacing:0!important;line-height:1.2!important}
.studio-design .reference-footer h2{font-family:var(--studio-body)!important;font-size:13px;font-weight:600!important;text-transform:none;letter-spacing:0!important}
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0;pointer-events:none;overflow:visible}
@media(max-width:700px){
 .studio-design.home-experience .monitor-opening .opening-heading{width:88%;max-width:88%}
 .studio-design.home-experience .monitor-opening .opening-heading h1{font-size:clamp(24px,7vw,31px)}
 .studio-design :is(.inner-hero h1,.wall-intro h1,.project-title h1,.page-title h1,.ai-page-heading h1,.blog-article h1,.page-content>h1){font-size:clamp(26px,7.4vw,38px)!important;line-height:1.22!important}
 .studio-design .display{font-size:clamp(26px,7.4vw,38px)!important}
 .studio-design :is(.partner-story-heading h2,.package-story-heading h2){font-size:clamp(26px,7.2vw,34px)}
 .studio-design .service-gallery-heading h2{font-size:clamp(24px,7.1vw,34px)}
 .studio-design .service-stack-notes h3{font-size:clamp(18px,5.1vw,24px)}
 .studio-design .brand-showcase-heading{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px}
 .studio-design .brand-showcase-heading h2{grid-column:1/-1;font-size:clamp(25px,7.4vw,34px)}
 .studio-design .brand-gallery-controls{grid-column:2;align-self:start;margin:0}
 .brand-showcase .brand-filmstrip{top:270px}
 .studio-design .retro-contact-heading :is(h1,h2){font-size:clamp(25px,7vw,34px)}
 .studio-design .wall-find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;gap:16px}
 .studio-design :is(.wall-sector,.wall-search){min-width:0;width:100%}
 .studio-design .wall-sector select,.studio-design .wall-search input{width:100%;max-width:100%;min-width:0}
 .studio-design .wall-search svg{flex-shrink:0}
}
@media(max-width:700px) and (max-height:700px){
 .studio-design.home-experience .monitor-opening .opening-heading h1{font-size:24px}
 .studio-design .brand-showcase-heading{gap:8px}
 .studio-design .brand-showcase-heading h2{font-size:25px}
 .brand-showcase .brand-filmstrip{top:238px}
}
@media(max-height:500px) and (orientation:landscape){.studio-design.home-experience .monitor-opening .opening-heading h1{font-size:clamp(22px,3.2vw,34px)}}
@media(forced-colors:active){.hero-type-line:last-child{color:CanvasText;-webkit-text-stroke:0}}

.studio-design .ai-layout>*{min-width:0}
@media(max-width:700px){
 .studio-design .ai-layout{grid-template-columns:minmax(0,1fr)}
 .studio-design .ai-tabs{flex-wrap:wrap;gap:6px 16px}
 .studio-design .ai-tabs button{white-space:normal;text-align:left}
 .studio-design .ai-story h2{font-size:clamp(28px,8vw,38px)}
}

.studio-design .ai-story h2 em{color:inherit;font-style:normal}

/* Wide display letters need a bounded measure in the brand narrative too. */
.studio-design .project-overview h2{font-size:clamp(28px,3.1vw,46px);text-wrap:balance;overflow-wrap:anywhere}
.studio-design .project-brand-block h2{font-size:clamp(27px,3vw,42px)}
.studio-design .project-story-grid h2{font-size:clamp(20px,1.8vw,25px);overflow-wrap:anywhere}
.studio-design .next-project strong{font-family:var(--studio-display);font-size:clamp(28px,4.5vw,65px);line-height:1.22;letter-spacing:-.018em;overflow-wrap:anywhere}
@media(max-width:700px){
 .studio-design .project-overview h2{font-size:clamp(23px,6.2vw,32px)}
 .studio-design .project-brand-block h2{font-size:clamp(24px,6.5vw,32px)}
 .studio-design .project-story-grid h2{font-size:clamp(20px,5.4vw,25px)}
 .studio-design .next-project strong{font-size:clamp(24px,6.5vw,34px)}
 .studio-design .perspective-heading h2{font-size:clamp(30px,8vw,48px)}
 .studio-design .commerce-scope h2{font-size:clamp(26px,7vw,36px)}
}