/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/font.2dd0183d075ee366.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;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/font.3062236ef9fbd488.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;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.7f8712cbbd64135f.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;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.fd7521f3531a5ccf.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;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.e284f2a17fc9cca8.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;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.0e263db52797086e.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.a04fc7ed18a80371.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.6ee678c33f388dd7.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.a8c4bd7cd7073180.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.60c06664b5a95c7d.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.e8c0b39992f06b3d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.95a493061fe0a8d0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.40af11327fe53081.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.bab757f8a0a1bc04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.ce093b341d9c1065.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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/font.e310b55a7fd9677f.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.e8c0b39992f06b3d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.95a493061fe0a8d0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.40af11327fe53081.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.bab757f8a0a1bc04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.ce093b341d9c1065.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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/font.e310b55a7fd9677f.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.e8c0b39992f06b3d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.95a493061fe0a8d0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.40af11327fe53081.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.bab757f8a0a1bc04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.ce093b341d9c1065.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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/font.e310b55a7fd9677f.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.e8c0b39992f06b3d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.95a493061fe0a8d0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.40af11327fe53081.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.bab757f8a0a1bc04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.ce093b341d9c1065.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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/font.e310b55a7fd9677f.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.e8c0b39992f06b3d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.95a493061fe0a8d0.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.40af11327fe53081.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.bab757f8a0a1bc04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.ce093b341d9c1065.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;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/font.e310b55a7fd9677f.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{--paper:#f1efe8;--paper2:#e8e5dd;--black:#090909;--gray:#6d6962;--line:rgba(9,9,9,.16);--accent:#b72424;--red:#b72424;--header-h:94px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.77,0,.18,1);--sans:"Manrope",sans-serif;--serif:"Instrument Serif",serif;--mono:"DM Mono",monospace;--pad:clamp(22px,3vw,55px)} *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} body{background:var(--paper);color:var(--black);font-family:var(--sans);overflow-x:hidden;cursor:none} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button{font:inherit} .noise{pointer-events:none;position:fixed;z-index:9997;inset:0;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")} .progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--black);z-index:99999} .cursor-dot{display:none} .cursor-circle{position:fixed;left:0;top:0;width:24px;height:18px;pointer-events:none;z-index:100000;mix-blend-mode:difference;border-radius:0;border:0;background:linear-gradient(#fff,#fff) left top/7px 1px no-repeat,linear-gradient(#fff,#fff) left top/1px 6px no-repeat,linear-gradient(#fff,#fff) right top/7px 1px no-repeat,linear-gradient(#fff,#fff) right top/1px 6px no-repeat,linear-gradient(#fff,#fff) left bottom/7px 1px no-repeat,linear-gradient(#fff,#fff) left bottom/1px 6px no-repeat,linear-gradient(#fff,#fff) right bottom/7px 1px no-repeat,linear-gradient(#fff,#fff) right bottom/1px 6px no-repeat;transition:width .2s ease,height .2s ease,filter .2s ease} .cursor-circle::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#fff} .cursor-circle span{display:none} body.cursor-view .cursor-circle{width:30px;height:22px;background:linear-gradient(#fff,#fff) left top/9px 1px no-repeat,linear-gradient(#fff,#fff) left top/1px 8px no-repeat,linear-gradient(#fff,#fff) right top/9px 1px no-repeat,linear-gradient(#fff,#fff) right top/1px 8px no-repeat,linear-gradient(#fff,#fff) left bottom/9px 1px no-repeat,linear-gradient(#fff,#fff) left bottom/1px 8px no-repeat,linear-gradient(#fff,#fff) right bottom/9px 1px no-repeat,linear-gradient(#fff,#fff) right bottom/1px 8px no-repeat} .header{position:fixed;top:0;left:0;width:100%;z-index:5000;height:94px;display:flex;align-items:center;gap:26px;padding:0 var(--pad);transition:transform .5s cubic-bezier(.16,1,.3,1),background .35s ease,border .35s ease} .header.scrolled{background:rgba(241,239,232,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)} .header.hidden{transform:translateY(-110%)} .logo{width:132px;height:54px;flex:0 0 132px;display:flex;align-items:center} .logo img{width:100%;height:100%;object-fit:contain;object-position:left center} .nav{display:flex;gap:38px;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.02em} .nav a{position:relative} .nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--black);transition:.3s ease} .nav a:hover::after{width:100%} .header-right{flex:0 0 190px;display:flex;align-items:center;justify-content:flex-end;gap:22px} .start-link{font-family:var(--mono);font-size:9px;display:flex;gap:16px;align-items:center} .menu-btn{width:38px;height:38px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:none} .menu-btn span{width:100%;height:1px;background:var(--black);transition:.3s ease} .menu-btn.active span:nth-child(1){transform:translateY(4px) rotate(45deg)} .menu-btn.active span:nth-child(2){transform:translateY(-4px) rotate(-45deg)} .full-menu{position:fixed;z-index:4000;inset:0;background:var(--black);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad) 50px;overflow:hidden;contain:paint;clip-path:inset(0);transform:translate3d(0,-110%,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .8s cubic-bezier(.77,0,.18,1),opacity .25s ease,visibility .25s ease} .full-menu.open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto} .full-menu small{font-family:var(--mono);font-size:9px;position:absolute;top:125px;right:var(--pad);opacity:.6} .full-menu nav{display:flex;flex-direction:column} .full-menu nav a{font-size:clamp(60px,9vw,150px);font-weight:700;letter-spacing:-.07em;line-height:.82;border-bottom:1px solid rgba(255,255,255,.15);padding:13px 0;transition:padding .3s ease,opacity .3s ease} .full-menu nav:hover a{opacity:.25} .full-menu nav a:hover{opacity:1;padding-left:3vw} .full-menu-footer{display:flex;justify-content:space-between;margin-top:auto;font-family:var(--mono);font-size:9px;opacity:.7} .hero{height:100svh;min-height:820px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding-top:112px} .hero-film{position:absolute;left:var(--pad);right:var(--pad);top:40.8%;height:clamp(195px,17vw,265px);z-index:6;overflow:hidden;border:1px solid rgba(9,9,9,.85);background:#0d0d0d;box-shadow:0 14px 28px rgba(9,9,9,.14)} .hero-film::before,.hero-film::after{content:"";position:absolute;left:0;right:0;height:16px;z-index:18;background-color:#090909;background-image:repeating-linear-gradient(90deg,#090909 0 9px,var(--paper) 9px 15px,#090909 15px 26px)} .hero-film::before{top:0;border-bottom:1px solid rgba(241,239,232,.24)} .hero-film::after{bottom:0;border-top:1px solid rgba(241,239,232,.24)} .hero-slide{min-width:100%;height:100%;position:relative;overflow:hidden} .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:grayscale(1) contrast(1.12) saturate(.88) brightness(.9);transform:scale(1.08);transition:filter .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1)} .hero-film:hover .hero-slide img{filter:grayscale(.86) contrast(1.14) saturate(.92) brightness(.94)} .hero-slide::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--accent-x,72%) var(--accent-y,42%),rgba(180,22,22,.92) 0%,rgba(180,22,22,.68) 10%,rgba(180,22,22,.34) 20%,rgba(180,22,22,0) 34%),radial-gradient(circle at calc(var(--accent-x,72%) + 6%) calc(var(--accent-y,42%) + 4%),rgba(255,255,255,.08),transparent 12%);mix-blend-mode:screen} .hero-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(0,0,0,.56),rgba(0,0,0,.18) 34%,rgba(0,0,0,.14) 68%,rgba(0,0,0,.48)),linear-gradient(to top,rgba(0,0,0,.28),transparent 40%),repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0 2px,rgba(0,0,0,0) 2px 4px)} .hero-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:transparent;opacity:.78;cursor:pointer;padding:0;appearance:none;-webkit-appearance:none;touch-action:manipulation;position:relative;z-index:20;transition:background .25s ease,transform .25s ease,opacity .25s ease} .hero-dot.active{background:#fff;transform:scale(1.08);opacity:1} .hero-motifs{position:absolute;inset:0;pointer-events:none;z-index:4;transform:translateY(var(--hero-motif-y,0px))} @keyframes cameraFlash{0%,64%,100%{transform:scale(1);opacity:.84;box-shadow:0 0 0 0 rgba(176,24,24,0)} 10%{transform:scale(1.2);opacity:1;box-shadow:0 0 0 6px rgba(176,24,24,.12)} 16%{transform:scale(.92)}} @keyframes burstUp{0%,8%,100%{opacity:0;transform:translateY(8px) scale(.82)} 18%,36%{opacity:1;transform:translateY(-18px) scale(1)} 48%{opacity:0;transform:translateY(-34px) scale(.96)}} @keyframes shutterPulse{0%,100%{transform:scale(1) rotate(0deg);opacity:.28} 50%{transform:scale(1.06) rotate(8deg);opacity:.46}} @keyframes ambientFloat{0%,100%{transform:translateY(8px) scale(.98)} 50%{transform:translateY(0) scale(1)}} .section{padding:35px var(--pad) clamp(100px,11vw,180px);border-bottom:1px solid var(--line)} .kicker{display:flex;gap:18px;font-family:var(--mono);font-size:8px;margin-bottom:clamp(65px,7vw,110px)} .kicker span:first-child{opacity:.45} .service-preview{position:sticky;top:125px;height:72vh;min-height:580px;overflow:hidden;background:#d5d2ca} .service-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:opacity .25s ease,transform .7s ease} .service-preview.changing img{opacity:0;transform:scale(1.04)} .service{display:grid;grid-template-columns:45px 1fr 1fr 30px;align-items:center;gap:20px;min-height:108px;border-top:1px solid var(--line);transition:padding .3s ease,background .3s ease} .service:last-child{border-bottom:1px solid var(--line)} .service:hover,.service.active{padding-left:15px;background:rgba(0,0,0,.025)} .service:hover .service-arrow{transform:translate(5px,-5px)} .work-category{appearance:none;border:1px solid var(--line);background:transparent;color:var(--black);height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--mono);font-size:8px;letter-spacing:.08em;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease} .work-category span{opacity:.5} .work-category:hover{transform:translateY(-2px)} .work-category.active{background:var(--black);color:var(--paper);border-color:var(--black)} .client-project{position:relative;min-height:0;overflow:hidden;background:#111;border:1px solid rgba(9,9,9,.18);color:#fff;isolation:isolate} .client-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.86);transform:scale(1.04);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s ease,opacity .35s ease} .client-project::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--accent-x,70%) var(--accent-y,40%),rgba(176,24,24,.58),transparent 26%),linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.08) 58%);opacity:.72;transition:opacity .35s ease} .client-project::after{content:"";position:absolute;inset:12px;z-index:2;border:1px solid rgba(255,255,255,.18);pointer-events:none} .client-project:hover img{transform:scale(1.08);filter:grayscale(.25) contrast(1.08) brightness(.92)} .client-project:hover::before{opacity:.9} .client-project-top{position:absolute;left:18px;right:18px;top:18px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-family:var(--mono);font-size:7px;letter-spacing:.1em;color:rgba(255,255,255,.76)} .client-project-bottom{position:absolute;left:18px;right:18px;bottom:18px;z-index:3} .client-project-bottom strong{display:block;font-size:clamp(22px,2vw,34px);line-height:.94;letter-spacing:-.04em;margin-bottom:10px} .client-project-bottom p{font-size:12px;line-height:1.45;color:rgba(255,255,255,.72);max-width:30ch} .client-project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .client-project-tags span{border:1px solid rgba(255,255,255,.22);padding:6px 8px;font-family:var(--mono);font-size:7px;letter-spacing:.08em;background:rgba(0,0,0,.14)} .client-project-arrow{position:absolute;right:18px;bottom:18px;z-index:4;font-size:20px;transition:transform .25s ease} .client-project:hover .client-project-arrow{transform:translate(4px,-4px)} @media(max-width:1100px){ .client-project{scroll-snap-align:start;min-height:62svh}} @media(max-width:640px){ .work-category{height:34px;padding:0 11px;font-size:7px} .client-project{min-height:60svh} .client-project-bottom strong{font-size:clamp(26px,8vw,34px)} .client-project-bottom p{font-size:12px;max-width:28ch}} .studio-map-card{position:relative;flex:1;min-height:560px;border-radius:30px;overflow:hidden;border:1px solid rgba(17,17,17,.16);background:#efefef;box-shadow:0 22px 44px rgba(17,17,17,.06)} .studio-map-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.02)} @keyframes routeDash{to{stroke-dashoffset:-220}} @keyframes pinPulse{0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-5px) scale(1.05)}} @media (max-width:1180px){ .studio-map-card{min-height:520px}} @media (max-width:768px){ .studio-map-card{min-height:420px;border-radius:24px}} @keyframes industryLine{from{transform:translateX(0)} to{transform:translateX(-50%)}} .industry-preview{position:relative;overflow:hidden;border-radius:30px;background:#0f0f10;min-height:100%;border:1px solid rgba(17,17,17,.12);box-shadow:0 18px 40px rgba(17,17,17,.08)} .industry-preview::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:22px;z-index:2;pointer-events:none} .industry-card{position:relative;flex:1;min-height:96px;padding:18px 18px 16px 22px;border-radius:24px;border:1px solid rgba(17,17,17,.12);background:rgba(255,255,255,.54);text-align:left;cursor:pointer;transition:transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease;overflow:hidden} .industry-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red,#b52025);transition:width .28s ease} .industry-card:hover{transform:translateY(-2px)} .industry-card.active{background:#111;color:#fff;border-color:#111} .industry-card.active::before{width:5px} .industry-card small{position:relative;z-index:1;display:block;margin-bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.72} .industry-card strong{position:relative;z-index:1;display:block;font-size:clamp(24px,2vw,34px);line-height:.95;letter-spacing:-.05em;margin-bottom:10px} .industry-card span{position:relative;z-index:1;display:block;font-size:13px;line-height:1.55;color:rgba(17,17,17,.74)} .industry-card.active span{color:rgba(255,255,255,.76)} @media (max-width:1180px){ .industry-preview{min-height:62svh}} @media (max-width:768px){ .industry-preview{min-height:54svh;border-radius:24px} .industry-preview::after{inset:12px;border-radius:18px} .industry-card{min-width:76vw;min-height:144px;scroll-snap-align:start;border-radius:20px} .industry-card strong{font-size:28px} .industry-card span{font-size:12px}} .journal-feature-image,.journal-feature-image img{position:absolute;inset:0;width:100%;height:100%} .journal-feature-image img{object-fit:cover;filter:grayscale(1) contrast(1.07) brightness(.92);transform:scale(1.025);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s ease} .contact{padding-top:70px;padding-bottom:70px} .contact h2{font-size:clamp(90px,14vw,230px);line-height:.68;letter-spacing:-.09em;font-weight:800} .footer{border-top:1px solid var(--line);padding:35px var(--pad) 45px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px} .reveal{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)} .reveal.visible{opacity:1;transform:none} @media(max-width:1000px){body{cursor:auto} .cursor-dot,.cursor-circle{display:none} .nav,.start-link{display:none} .header{display:flex;justify-content:space-between} .header-right{flex:0 0 auto} .hero-film{left:var(--pad);right:var(--pad);top:42%;height:220px} .service-preview{position:relative;top:auto;height:60vh;min-height:450px;margin-bottom:35px} .project{height:70vh;min-height:520px} .footer{grid-template-columns:1fr 1fr}} @media(max-width:620px){ :root{--pad:18px} .header{height:76px} .logo{width:90px} .hero{min-height:680px} .hero-film{left:0;right:0;top:41%;height:185px;border-left:0;border-right:0} .section{padding-top:25px} .service{grid-template-columns:35px 1fr 25px;padding:18px 0;min-height:90px} .service-preview{height:52vh;min-height:400px} .project{height:65vh;min-height:460px} .contact h2{font-size:25vw} .footer{grid-template-columns:1fr} .full-menu nav a{font-size:18vw}} .header{display:flex;align-items:center;gap:clamp(22px,2.5vw,48px)} .main-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.55vw,27px);height:94px;min-width:0} .main-nav>.nav-main,.main-nav>.nav-item>.nav-main{font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.045em;white-space:nowrap;position:relative;display:flex;align-items:center;height:94px;padding:0;line-height:1} .main-nav>.nav-main::after,.main-nav>.nav-item>.nav-main::after{content:"";position:absolute;left:0;bottom:28px;width:0;height:1px;background:var(--black);transition:width .3s ease} .main-nav>.nav-main:hover::after,.main-nav>.nav-item:hover>.nav-main::after,.main-nav>.nav-item:focus-within>.nav-main::after{width:100%} .nav-item{position:static} .mega-menu{position:fixed;top:94px;left:0;width:100vw;background:rgba(241,239,232,.985);color:var(--black);border-top:1px solid var(--line);border-bottom:1px solid var(--black);padding:28px var(--pad) 34px;display:grid;grid-template-columns:minmax(230px,.34fr) 1fr;gap:clamp(35px,5vw,90px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1),visibility .25s ease;z-index:4900;box-shadow:0 30px 70px rgba(0,0,0,.07)} .nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .mega-head{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding-right:25px;border-right:1px solid var(--line)} .mega-head>span{font-family:var(--mono);font-size:8px;opacity:.5} .mega-head p{font-family:var(--serif);font-size:clamp(30px,3vw,54px);line-height:.92;letter-spacing:-.04em;max-width:430px} .mega-head p em{font-weight:400} .mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start} .mega-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))} .mega-card{min-height:132px;position:relative;padding:18px 44px 16px 0;border-top:1px solid var(--line);transition:padding .25s ease,background .25s ease} .mega-card:nth-child(3n+2),.mega-card:nth-child(3n+3){padding-left:20px} .mega-card span{display:block;font-family:var(--mono);font-size:7px;opacity:.38;margin-bottom:12px} .mega-card strong{display:block;font-size:clamp(14px,1.1vw,18px);letter-spacing:-.035em;margin-bottom:8px} .mega-card small{display:block;max-width:255px;font-family:var(--mono);font-size:7px;line-height:1.55;color:var(--gray)} .mega-card i{position:absolute;top:18px;right:12px;font-style:normal;font-size:15px;transition:transform .25s ease} .mega-card:hover{background:rgba(0,0,0,.025);padding-top:23px} .mega-card:hover i{transform:translate(4px,-4px)} .main-nav .mega-card::after{display:none !important} .header-contact{white-space:nowrap} .full-menu nav a{display:flex;align-items:flex-end;gap:18px} .full-menu nav a b{font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:0;opacity:.45;padding-bottom:.9em} .menu-btn.active span{background:var(--paper)} body.menu-open .logo img{filter:invert(1)} @media (max-width:1180px){.main-nav,.header-contact{display:none} .header{display:flex;justify-content:space-between} .header-right{flex:0 0 auto} .menu-btn{cursor:pointer}} @media (max-width:1000px){.hero-film img,.service-preview img,.client-project img,.article-image img{--mobile-color:0;filter:grayscale(calc(1 - var(--mobile-color))) contrast(calc(1.08 - (var(--mobile-color) * .08))) saturate(calc(.82 + (var(--mobile-color) * .18)));will-change:filter;transition:filter .08s linear,transform .55s cubic-bezier(.16,1,.3,1)} .hero-film:hover img,.client-project:hover img,.article:hover img{filter:grayscale(calc(1 - var(--mobile-color))) contrast(calc(1.08 - (var(--mobile-color) * .08))) saturate(calc(.82 + (var(--mobile-color) * .18)))} .client-project::before{background:radial-gradient(circle at var(--accent-x,70%) var(--accent-y,40%),rgba(176,24,24,.48),transparent 28%),linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.08) 58%)} .full-menu{padding-top:105px} .full-menu small{top:94px} .full-menu nav a{font-size:clamp(40px,11vw,72px);line-height:.84;padding:12px 0}} @media (max-width:620px){.full-menu{padding:88px var(--pad) 24px} .full-menu small{top:76px;font-size:7px} .full-menu nav a{font-size:10.2vw;padding:9px 0} .full-menu nav a b{font-size:6px} .full-menu-footer{font-size:6px}} #services{scroll-margin-top:94px} @media(max-width:1000px){#services{scroll-margin-top:76px}} @media (min-width:1181px){ .studio-map-card{height:100%;min-height:0;border-radius:24px}} @media (max-width:1180px){ .studio-map-card{height:100%;min-height:300px}} @media (max-width:700px){ .studio-map-card{min-height:0;height:100%;border-radius:18px}} @media (min-width:1181px){ .industry-preview{min-height:0;height:100%;border-radius:22px} .industry-preview::after{inset:12px;border-radius:16px} .industry-card{min-height:0;height:100%;padding:11px 11px 10px 14px;border-radius:16px;overflow:hidden} .industry-card small{font-size:6px;margin-bottom:6px} .industry-card strong{font-size:clamp(17px,1.55vw,24px);line-height:.9;margin-bottom:6px} .industry-card span{font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}} @media (min-width:1181px) and (max-height:820px){ .industry-card span{-webkit-line-clamp:2}} :focus-visible{outline:2px solid var(--accent);outline-offset:4px} button,a{-webkit-tap-highlight-color:transparent} button{color:inherit} .hero,.services-screen,#work,.industry-showcase,.journal-lab,.quote-section,.contact,.studio-location{content-visibility:auto;contain-intrinsic-size:900px} .hero{content-visibility:visible} .motion-media{clip-path:inset(5% 5% 5% 5% round 18px);transition:clip-path 1.05s var(--ease-out),filter .65s ease} .motion-media.is-inview{clip-path:inset(0 0 0 0 round 0)} .section-scan{position:relative} .section-scan::after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--black) 14%,var(--black) 86%,transparent);transform:scaleX(0);transform-origin:left;opacity:.45;transition:transform 1.2s var(--ease-out);pointer-events:none} .section-scan.is-inview::after{transform:scaleX(1)} .pointer-lens{position:fixed;z-index:2;width:320px;height:320px;left:0;top:0;pointer-events:none;border-radius:50%;opacity:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(183,36,36,.105) 0%,rgba(183,36,36,.035) 33%,transparent 70%);mix-blend-mode:multiply;transition:opacity .35s ease;will-change:transform} body.pointer-active .pointer-lens{opacity:1} .cursor-circle{transition:width .22s var(--ease-out),height .22s var(--ease-out),opacity .22s ease} body.cursor-view .cursor-circle span{display:block;position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;font-family:var(--mono);font-size:7px;letter-spacing:.12em;opacity:.78} .hero-film::after{background-position:0 var(--film-scan,0px),0 0,0 0} [data-magnetic]{--mag-x:0px;--mag-y:0px;translate:var(--mag-x) var(--mag-y);transition:translate .32s var(--ease-out),background .25s ease,color .25s ease,border-color .25s ease;will-change:translate} .work-category,.hero-dot,.industry-card,.qq-service-chip,.journal-set-chip,.journal-lesson{touch-action:manipulation} @media (max-width:760px){:root{--header-h:76px} .section{padding-left:18px;padding-right:18px} .hero{min-height:100svh}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .pointer-lens,.cursor-circle,.cursor-dot{display:none!important} body{cursor:auto!important} .motion-media{clip-path:none!important}} .contact-break{position:relative;min-height:100svh;background:#090909;color:var(--paper);border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden} .contact-break::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 36%,rgba(183,36,36,.11),transparent 18% ),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px ),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px );background-size:auto,9vw 100%,100% 9vw;opacity:.72} .contact-break h2{margin:0;max-width:10.5ch;font-size:clamp(64px,7.4vw,126px );line-height:.84;letter-spacing:-.065em;font-weight:700} .contact-break h2 em{display:block;margin-top:.08em;font-family:var(--serif);font-size:1.03em;font-weight:400;font-style:italic;letter-spacing:-.052em} .contact-break-visual{position:relative;min-height:100%;overflow:hidden;border-left:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 42% ),#0c0c0c;--coffee-x:0px;--coffee-y:0px} .contact-break-visual::before,.contact-break-visual::after{content:"";position:absolute;pointer-events:none} .contact-break-visual::before{inset:24px;border:1px solid rgba(255,255,255,.12)} .contact-break-visual::after{width:13px;height:13px;border-radius:50%;background:#b72424;right:46px;top:46px;box-shadow:0 0 0 10px rgba(183,36,36,.08),0 0 34px rgba(183,36,36,.28);animation:coffeeRec 2.8s ease-in-out infinite} @keyframes coffeeOrbit{to{transform:rotate(360deg)}} @keyframes coffeeOrbitReverse{to{transform:rotate(-360deg)}} @keyframes coffeeSteam{0%,100%{opacity:.18;transform:translateY(12px) scale(.88,1)} 45%{opacity:.7;transform:translate(7px,-10px) scale(1.08)} 72%{opacity:.24;transform:translate(-5px,-23px) scale(.92,1.16)}} @keyframes coffeeRec{0%,100%{opacity:.42;transform:scale(.9)} 50%{opacity:1;transform:scale(1.08)}} @media(max-width:1000px){ .contact-break h2{max-width:9.6ch;font-size:clamp(58px,12vw,96px )} .contact-break-visual{min-height:52svh;border-left:0;border-top:1px solid rgba(255,255,255,.12)}} @media(max-width:620px){.contact-break{min-height:auto} .contact-break h2{font-size:15.5vw;line-height:.88;max-width:9.5ch} .contact-break-visual{min-height:46svh} .contact-break-visual::before{inset:14px}} @media(prefers-reduced-motion:reduce){.coffee-orbit,.coffee-orbit-ring,.coffee-steam,.contact-break-visual::after{animation:none !important;transition:none !important}} .contact-break h2{line-height:.93;overflow:visible} .contact-break h2 em{margin-top:.18em;line-height:.96;padding-top:.04em;padding-bottom:.08em;overflow:visible} .contact-break-visual{isolation:isolate} @media (hover:hover) and (pointer:fine){.contact-break-visual:hover .coffee-impact{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)} .contact-break-visual:hover .coffee-impact::before{opacity:.92;animation:coffeeImpactSmokeA 3.8s ease-in-out infinite} .contact-break-visual:hover .coffee-impact::after{opacity:.78;animation:coffeeImpactSmokeB 4.5s ease-in-out infinite -.8s} .contact-break-visual:hover .coffee-impact-top,.contact-break-visual:hover .coffee-impact strong{opacity:1;transform:translateY(0) scale(1)} .contact-break-visual:hover .coffee-impact-line{width:min(220px,42%)} .contact-break-visual:hover .coffee-orbit{opacity:.34;filter:blur(1px);transform:translate3d(calc(-50% + var(--coffee-x)),calc(-50% + var(--coffee-y) + 22px),0 ) scale(.94)}} .contact-break.impact-visible .coffee-impact{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)} .contact-break.impact-visible .coffee-impact::before{opacity:.92;animation:coffeeImpactSmokeA 3.8s ease-in-out infinite} .contact-break.impact-visible .coffee-impact::after{opacity:.78;animation:coffeeImpactSmokeB 4.5s ease-in-out infinite -.8s} .contact-break.impact-visible .coffee-impact-top,.contact-break.impact-visible .coffee-impact strong{opacity:1;transform:translateY(0) scale(1)} .contact-break.impact-visible .coffee-impact-line{width:min(220px,42%)} .contact-break.impact-visible .coffee-orbit{opacity:.34;filter:blur(1px)} @keyframes coffeeImpactSmokeA{0%,100%{transform:translate3d(-28px,18px,0) rotate(-8deg) scale(.88);opacity:.26} 48%{transform:translate3d(6px,-18px,0) rotate(4deg) scale(1.12);opacity:.92} 74%{transform:translate3d(24px,-30px,0) rotate(11deg) scale(.98);opacity:.38}} @keyframes coffeeImpactSmokeB{0%,100%{transform:translate3d(28px,12px,0) rotate(10deg) scale(.9);opacity:.22} 46%{transform:translate3d(-8px,-24px,0) rotate(-5deg) scale(1.1);opacity:.76} 78%{transform:translate3d(-26px,-38px,0) rotate(-12deg) scale(1);opacity:.3}} @media (max-width:1000px){.contact-break h2{line-height:.94} .contact-break h2 em{margin-top:.2em;line-height:.98}} @media (max-width:620px){ .contact-break h2{font-size:14.5vw;line-height:.96;max-width:10.4ch} .contact-break h2 em{margin-top:.22em;padding-top:.05em;line-height:1} .contact-break-visual{min-height:52svh} .contact-break.impact-visible .coffee-impact-line{width:42%} .contact-break.impact-visible .coffee-orbit{opacity:.24;transform:translate3d(calc(-50% + var(--coffee-x)),calc(-50% + var(--coffee-y) + 18px),0 ) scale(.91)}} @media (min-width:1001px){.contact-break-visual:hover .coffee-impact-top,.contact-break.impact-visible .coffee-impact-top{transform:translateY(-24px)}} @media (max-width:1000px){ .contact-break.impact-visible .coffee-impact-top{transform:translateY(-18px)}} @media (max-width:620px){ .contact-break.impact-visible .coffee-impact-top{transform:translateY(-14px)}} @media (min-width:1181px){ #industryNav .industry-card strong{font-size:clamp(16px,1.32vw,21px);line-height:.91;letter-spacing:-.06em;max-width:100%;word-break:keep-all;overflow-wrap:normal;hyphens:none} #industryNav .industry-card[data-title="Otel & Konaklama"] strong,#industryNav .industry-card[data-title="Restoran & Gastronomi"] strong,#industryNav .industry-card[data-title="Mimari & Gayrimenkul"] strong,#industryNav .industry-card[data-title="Perakende & Yaşam"] strong{font-size:clamp(15px,1.22vw,19px)} .industry-card{padding-left:13px;padding-right:10px}} @media (min-width:1001px){.full-menu{padding:118px var(--pad) 28px !important;justify-content:flex-start !important;background:radial-gradient(circle at 82% 18%,rgba(183,36,36,.13),transparent 21%),#090909 !important} .full-menu::before{content:"KARAKADRAJ" !important;position:absolute !important;right:-.04em !important;bottom:-.13em !important;font-family:var(--sans) !important;font-size:18vw !important;font-weight:800 !important;line-height:.72 !important;letter-spacing:-.09em !important;color:rgba(241,239,232,.025) !important;pointer-events:none !important;user-select:none !important} .full-menu small{top:112px !important;right:var(--pad) !important;font-size:8px !important;line-height:1.6 !important;letter-spacing:.15em !important;opacity:.45 !important} .full-menu nav{width:100% !important;flex:1 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(4,minmax(0,1fr)) !important;gap:10px !important;min-height:0 !important} .full-menu nav a{position:relative !important;min-width:0 !important;min-height:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-end !important;gap:8px !important;padding:18px 22px 20px !important;border:1px solid rgba(255,255,255,.12) !important;background:rgba(255,255,255,.018) !important;overflow:hidden !important;font-size:clamp(28px,3vw,54px) !important;line-height:.87 !important;letter-spacing:-.06em !important;opacity:1 !important;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s ease,border-color .35s ease,color .35s ease !important} .full-menu nav:hover a{opacity:1 !important} .full-menu nav a b{position:absolute !important;left:20px !important;top:18px !important;width:auto !important;padding:0 !important;font-family:var(--mono) !important;font-size:8px !important;font-weight:400 !important;letter-spacing:.14em !important;opacity:.42 !important} .full-menu nav a::before{content:"" !important;position:absolute !important;right:18px !important;top:18px !important;width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 7px rgba(183,36,36,.08) !important;opacity:0 !important;transform:scale(.6) !important;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1) !important} .full-menu nav a::after{display:block !important;position:static !important;width:auto !important;height:auto !important;background:none !important;font-family:var(--mono) !important;font-size:8px !important;line-height:1.55 !important;letter-spacing:.07em !important;color:rgba(241,239,232,.42) !important;opacity:1 !important;transform:none !important} .full-menu nav a:nth-child(1)::after{content:"WEB / UI UX / YAZILIM" !important} .full-menu nav a:nth-child(2)::after{content:"FOTOĞRAF / VİDEO / DRONE" !important} .full-menu nav a:nth-child(3)::after{content:"KİMLİK / LOGO / GÖRSEL DİL" !important} .full-menu nav a:nth-child(4)::after{content:"SOSYAL MEDYA / REKLAM / SEO" !important} .full-menu nav a:nth-child(5)::after{content:"SEÇİLMİŞ İŞLER / PORTFOLYO" !important} .full-menu nav a:nth-child(6)::after{content:"BİZ / STÜDYO / YAKLAŞIM" !important} .full-menu nav a:nth-child(7)::after{content:"FİKİR / REHBER / NOTLAR" !important} .full-menu nav a:nth-child(8)::after{content:"KAHVE / BRIEF / İLETİŞİM" !important} .full-menu nav a:hover,.full-menu nav a:nth-child(2):hover,.full-menu nav a:nth-child(5):hover{padding:18px 22px 20px 28px !important;transform:translateY(-3px) !important;background:rgba(241,239,232,.96) !important;color:#090909 !important;border-color:rgba(241,239,232,.96) !important} .full-menu nav a:hover b,.full-menu nav a:nth-child(2):hover b,.full-menu nav a:nth-child(5):hover b{color:var(--accent) !important;opacity:1 !important} .full-menu nav a:hover::before,.full-menu nav a:nth-child(2):hover::before,.full-menu nav a:nth-child(5):hover::before{opacity:1 !important;transform:scale(1) !important} .full-menu nav a:hover::after,.full-menu nav a:nth-child(2):hover::after,.full-menu nav a:nth-child(5):hover::after{color:rgba(9,9,9,.48) !important;transform:translateX(4px) !important} .full-menu nav a:nth-child(2),.full-menu nav a:nth-child(5){background:rgba(255,255,255,.035) !important} .full-menu nav a:nth-child(4){border-left:2px solid var(--accent) !important} .full-menu-footer{flex:0 0 auto !important;margin-top:12px !important;padding-top:13px !important;border-top:1px solid rgba(255,255,255,.12) !important;font-size:7px !important;letter-spacing:.08em !important;opacity:.45 !important}} @media (min-width:1001px) and (max-height:800px){.full-menu{padding-top:100px !important;padding-bottom:18px !important} .full-menu nav{gap:7px !important} .full-menu nav a{padding:13px 18px 15px !important;font-size:clamp(24px,2.55vw,42px) !important} .full-menu nav a:hover{padding:13px 18px 15px 24px !important} .full-menu nav a b{left:16px !important;top:13px !important} .full-menu nav a::before{top:14px !important;right:14px !important} .full-menu nav a::after{font-size:7px !important} .full-menu small{top:96px !important}} @media (max-width:1000px){.full-menu nav{display:grid !important;grid-template-columns:1fr 1fr !important;gap:7px !important} .full-menu nav a{position:relative !important;min-height:88px !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;padding:12px !important;border:1px solid rgba(255,255,255,.12) !important;font-size:7.4vw !important;line-height:.88 !important;opacity:1 !important} .full-menu nav a b{position:absolute !important;top:10px !important;left:10px !important;padding:0 !important;font-size:6px !important}} .footer .copyright{margin-top:0 !important} html{scroll-padding-top:var(--header-h)} @media (min-width:1001px) and (prefers-reduced-motion:no-preference){html{scroll-snap-type:y mandatory;scroll-behavior:smooth} .hero,#services,#work,#industries,#journal,#teklif,#contact,#studio{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:var(--header-h);min-height:100svh} .contact-break,.studio-location{min-height:100svh} footer.footer{scroll-snap-align:end}} @media (min-width:1001px) and (max-height:820px){.section{padding-top:clamp(64px,8vh,86px);padding-bottom:clamp(28px,4vh,46px)} .work-head h2,.industry-copy h2,.journal-lab-intro h2,.quote-intro h2,.contact-break h2,.studio-location-title{line-height:.9}} @media (max-width:1000px){html{scroll-snap-type:y proximity;scroll-padding-top:76px} .hero,#services,#work,#industries,#journal,#teklif,#contact,#studio{scroll-snap-align:start;scroll-margin-top:76px} .pointer-lens,.cursor-dot,.cursor-circle{display:none!important} body{cursor:auto!important;overflow-x:hidden} [data-magnetic]{translate:0 0!important} a,button,input,select,textarea{touch-action:manipulation} button,.start-link,.work-category,.industry-card,.journal-set-chip,.qq-service-chip,.contact-break-btn{min-height:44px} input,select,textarea{font-size:16px!important} .work-head h2,.industry-copy h2,.journal-lab-intro h2,.quote-intro h2,.contact-break h2,.studio-location-title{font-size:clamp(40px,11.8vw,66px)!important;line-height:.93!important;letter-spacing:-.055em!important;overflow-wrap:normal!important;word-break:normal!important} .section-scan::after{opacity:.25}} @media (max-width:620px){.section{padding-left:14px;padding-right:14px} .contact-break,.studio-location{min-height:auto!important}} html{scroll-padding-top:0!important} body{overscroll-behavior-y:none} .header.hidden{transform:none!important} @media (prefers-reduced-motion:no-preference){html{scroll-snap-type:y mandatory!important}} .hero,#services,#work,#industries,#journal,#teklif,#contact,#studio{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;scroll-margin-top:0!important;overflow:hidden!important} #services,#work,#industries,#journal,#teklif,#contact,#studio{scroll-margin-top:0!important} footer.footer{scroll-snap-align:end!important;scroll-snap-stop:always!important} .hero{min-height:0!important} .work-category{height:32px!important;min-height:32px!important;padding:0 11px!important} .industry-preview{min-height:0!important;height:100%!important;border-radius:20px!important} .industry-card{min-height:0!important} .contact-break{padding:calc(var(--header-h) + 8px) var(--pad) 12px!important;min-height:0!important} .contact-break h2{font-size:clamp(58px,7.2vw,114px)!important;line-height:.82!important} .contact-break-visual{min-height:0!important;height:100%!important} .studio-map-card{min-height:0!important;height:100%!important;border-radius:20px!important} @media (min-width:1001px) and (max-height:820px){.services-screen,#work,.industry-showcase,.journal-lab,.quote-section,.contact-break,.studio-location{padding-top:calc(var(--header-h) + 4px)!important;padding-bottom:8px!important} .work-head h2,.industry-copy h2,.journal-lab-intro h2,.quote-intro h2,.contact-break h2,.studio-location-title{font-size:clamp(36px,4.3vw,62px)!important}} @media (max-width:1000px){html{scroll-snap-type:y mandatory!important} .header.hidden{transform:none!important} .hero,#services,#work,#industries,#journal,#teklif,#contact,#studio{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;scroll-margin-top:0!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important} .work-category{min-height:30px!important;height:30px!important} .client-project{min-height:0!important;height:100%!important} .industry-preview{min-height:0!important;height:100%!important} .industry-card{flex:0 0 70vw!important;min-height:72px!important;padding:9px!important} .industry-card strong{font-size:20px!important} .industry-card span{font-size:8px!important} .contact-break{padding:78px 14px 10px!important} .contact-break h2{font-size:clamp(42px,11vw,62px)!important} .contact-break-visual{min-height:0!important;height:100%!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.12)!important} .studio-map-card{min-height:0!important;height:100%!important}} @media (max-width:1000px) and (max-height:720px){.services-screen,#work,.industry-showcase,.journal-lab,.quote-section,.contact-break,.studio-location{padding-top:68px!important} .services-screen .intro-title,.work-head h2,.industry-copy h2,.journal-lab-intro h2,.quote-intro h2,.contact-break h2,.studio-location-title{font-size:clamp(30px,8.6vw,43px)!important}} #teklif{--q-paper:#f4f1ea;--q-ink:#090909;--q-red:#b72424;--q-soft:#e7e0d5;--q-line:rgba(9,9,9,.14)} #teklif .quote-shell{position:relative} #teklif .quote-intro{position:relative;z-index:4;margin-bottom:10px!important} #teklif .quote-intro-title h2{max-width:14ch;font-size:clamp(40px,4.25vw,68px)!important;line-height:.86!important} #teklif .quote-intro-title h2 em{display:block;margin-top:.05em} #teklif .quote-intro-copy{max-width:37ch;padding-left:18px;border-left:1px solid var(--q-red);font-size:11px!important} #teklif .quote-intro-copy strong{color:var(--q-red)} @keyframes qqBotFloat{0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-5px) rotate(1deg)}} @media(max-width:1000px){#teklif .quote-intro{margin-bottom:7px!important} #teklif .quote-intro-title h2{font-size:clamp(32px,8.8vw,48px)!important;max-width:10.5ch} #teklif .quote-intro-copy{display:none!important}} #teklif .quote-intro-title h2{max-width:15ch!important;font-size:clamp(38px,4vw,64px)!important} @media(max-width:1000px){#teklif .quote-intro-title h2{font-size:clamp(31px,8.1vw,44px)!important;max-width:12ch!important}} @keyframes kkFxFlash{0%{opacity:0} 11%{opacity:.96} 18%{opacity:.28} 31%{opacity:.72} 100%{opacity:0}} @keyframes kkFxSweep{0%{opacity:0;transform:translateX(-150%) skewX(-17deg)} 12%{opacity:.9} 100%{opacity:0;transform:translateX(390%) skewX(-17deg)}} @keyframes kkFxVignette{0%{opacity:0} 14%{opacity:.72} 42%{opacity:.18} 100%{opacity:0}} @keyframes kkFxLens{0%{opacity:0;transform:translate(-50%,-50%) scale(.32)} 17%{opacity:.92} 55%{opacity:.4;transform:translate(-50%,-50%) scale(1.48)} 100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}} @keyframes kkFxCamera{0%{right:-140px;opacity:0;transform:rotate(-9deg) scale(.88)} 18%{right:26px;opacity:1;transform:rotate(-3deg) scale(1)} 55%{right:26px;opacity:1;transform:rotate(1deg) scale(1)} 100%{right:-125px;opacity:0;transform:rotate(6deg) scale(.96)}} @media(max-width:1000px){ @keyframes kkFxFlash{0%{opacity:0} 12%{opacity:.66} 23%{opacity:.14} 100%{opacity:0}} @keyframes kkFxCamera{0%{right:-90px;opacity:0;transform:rotate(-8deg) scale(.92)} 22%{right:12px;opacity:.95;transform:rotate(-2deg) scale(1)} 58%{right:12px;opacity:.85;transform:rotate(1deg) scale(1)} 100%{right:-82px;opacity:0;transform:rotate(5deg) scale(.96)}}} @media(min-width:1001px){html{scroll-snap-type:none!important;scroll-behavior:auto!important} body.webx-page{scroll-snap-type:none!important}} @media(max-width:1000px){html{scroll-snap-type:y mandatory!important}} @keyframes kkV10Flash{0%,14%{opacity:0} 22%{opacity:.74} 31%{opacity:.18} 39%{opacity:.42} 58%{opacity:.08} 100%{opacity:0}} @keyframes kkV10Sweep{0%,12%{opacity:0;transform:translateX(-165%) skewX(-17deg)} 24%{opacity:.7} 72%{opacity:.42} 100%{opacity:0;transform:translateX(420%) skewX(-17deg)}} @keyframes kkV10Vignette{0%,10%{opacity:0} 24%{opacity:.55} 52%{opacity:.22} 100%{opacity:0}} @keyframes kkV10Lens{0%,10%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 25%{opacity:.72;transform:translate(-50%,-50%) scale(.66)} 58%{opacity:.32;transform:translate(-50%,-50%) scale(1.55)} 100%{opacity:0;transform:translate(-50%,-50%) scale(3)}} @keyframes kkV10Camera{0%{right:-150px;opacity:0;transform:rotate(-8deg) scale(.9)} 14%{right:34px;opacity:1;transform:rotate(-3deg) scale(1)} 54%{right:34px;opacity:1;transform:rotate(1deg) scale(1)} 72%{right:28px;opacity:.94;transform:rotate(2deg) scale(.98)} 100%{right:-135px;opacity:0;transform:rotate(7deg) scale(.94)}} .full-menu{overflow:hidden!important} @media(min-width:1001px){.full-menu{padding:104px var(--pad) 20px!important;background:radial-gradient(circle at 82% 17%,rgba(183,36,36,.14),transparent 19%),#090909!important} .full-menu::before{content:"KARAKADRAJ"!important;right:-.02em!important;bottom:-.12em!important;font-size:14.5vw!important;opacity:.8!important} .full-menu>small{top:103px!important;right:var(--pad)!important;font-size:6px!important} .full-menu-layout{width:100%!important;height:calc(100dvh - 150px)!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)!important;gap:9px!important} .fm-services,.fm-studio{min-height:0;position:relative;padding-top:23px} .fm-label{position:absolute;left:0;top:0;font:500 5px var(--mono);letter-spacing:.13em;color:rgba(241,239,232,.38)} .fm-service-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px} .fm-studio-grid{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:7px} .full-menu .fm-card{position:relative!important;min-width:0!important;min-height:0!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:5px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.018)!important;color:#f1efe8!important;text-decoration:none!important;overflow:hidden!important;opacity:1!important;transform:none!important;transition:background .35s ease,color .35s ease,transform .4s cubic-bezier(.16,1,.3,1)!important} .full-menu .fm-card>b{position:absolute!important;left:13px!important;top:11px!important;font:500 5px var(--mono)!important;color:var(--accent)!important;opacity:1!important} .full-menu .fm-card>strong{font:700 clamp(25px,2.55vw,43px)/.88 var(--sans)!important;letter-spacing:-.06em!important;max-width:12ch} .full-menu .fm-card>small{position:static!important;font:500 5.5px/1.4 var(--mono)!important;letter-spacing:.05em!important;color:rgba(241,239,232,.38)!important;opacity:1!important;max-width:48ch} .full-menu .fm-card>i{position:absolute;right:13px;top:10px;font-style:normal;color:var(--accent);font-size:12px} .full-menu .fm-card::before,.full-menu .fm-card::after{display:none!important} .full-menu .fm-card:hover{padding:14px 16px!important;background:#f1efe8!important;color:#090909!important;transform:translateY(-3px)!important} .full-menu .fm-card:hover>small{color:rgba(9,9,9,.5)!important} .full-menu .fm-card-service:first-child{border-top:2px solid var(--accent)!important} .full-menu .fm-card-studio>strong{font-size:clamp(18px,1.65vw,28px)!important} .full-menu-footer{display:none!important}} @media(min-width:1001px) and (max-height:820px){.full-menu{padding-top:88px!important;padding-bottom:12px!important} .full-menu>small{top:88px!important} .full-menu-layout{height:calc(100dvh - 116px)!important} .fm-services,.fm-studio{padding-top:18px} .full-menu .fm-card{padding:10px 12px!important} .full-menu .fm-card:hover{padding:10px 12px!important} .full-menu .fm-card>strong{font-size:clamp(21px,2.2vw,34px)!important} .full-menu .fm-card-studio>strong{font-size:clamp(16px,1.45vw,23px)!important} .full-menu .fm-card>small{font-size:4.8px!important}} @media(max-width:1000px){.full-menu{padding:76px 12px 12px!important;overflow:auto!important} .full-menu>small{display:none!important} .full-menu-layout{width:100%!important;min-height:calc(100dvh - 88px);display:block!important} .fm-label{margin:8px 0 6px;font:500 5px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.36)} .fm-service-grid,.fm-studio-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important} .full-menu .fm-card{position:relative!important;min-height:105px!important;padding:9px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;text-decoration:none!important;opacity:1!important;font-size:inherit!important} .full-menu .fm-card>b{position:absolute!important;top:8px!important;left:8px!important;font:500 5px var(--mono)!important;color:var(--accent)} .full-menu .fm-card>strong{font:700 7vw/.9 var(--sans)!important;letter-spacing:-.055em} .full-menu .fm-card>small{position:static!important;font:500 4.5px/1.35 var(--mono)!important;color:rgba(255,255,255,.38)!important} .full-menu .fm-card>i{position:absolute;right:8px;top:7px;font-style:normal;color:var(--accent)} .full-menu .fm-card::before,.full-menu .fm-card::after{display:none!important} .fm-studio-grid{margin-bottom:12px} .full-menu-footer{display:none!important}} @media(min-width:1001px){.main-nav .nav-item-mini{position:static!important} .main-nav .nav-item-mini>.nav-trigger{cursor:pointer} .main-nav .mega-menu-mini{min-height:0!important;height:auto!important;max-height:none!important;padding:20px var(--pad) 24px!important;display:grid!important;grid-template-columns:minmax(205px,.27fr) minmax(0,1fr)!important;gap:clamp(22px,3.5vw,58px)!important;align-items:stretch!important;background:rgba(241,239,232,.985)!important;border-top:1px solid rgba(9,9,9,.14)!important;border-bottom:1px solid rgba(9,9,9,.18)!important;box-shadow:0 24px 60px rgba(9,9,9,.1)!important} .main-nav .mega-head-mini{min-height:172px!important;padding:4px 0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-right:1px solid rgba(9,9,9,.14)!important} .main-nav .mega-head-mini>span{font:500 5px var(--mono)!important;letter-spacing:.12em!important;color:var(--accent)!important} .main-nav .mega-head-mini>p{margin:0 22px 0 0!important;max-width:10ch!important;font:700 clamp(26px,2.25vw,37px)/.9 var(--sans)!important;letter-spacing:-.055em!important;color:var(--black)!important} .main-nav .mega-head-mini>p em{font-family:var(--serif)!important;font-weight:400!important} .main-nav .mega-grid-mini{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;min-height:172px!important} .main-nav .mega-grid-mini .mini-card{position:relative!important;min-height:172px!important;padding:12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:5px!important;border:1px solid rgba(9,9,9,.14)!important;background:rgba(255,255,255,.28)!important;color:var(--black)!important;text-decoration:none!important;transition:background .28s ease,color .28s ease,transform .35s cubic-bezier(.16,1,.3,1)!important} .main-nav .mega-grid-mini .mini-card>span{position:absolute!important;left:10px!important;top:9px!important;font:500 5px var(--mono)!important;color:var(--accent)!important} .main-nav .mega-grid-mini .mini-card>strong{font:700 clamp(15px,1.35vw,21px)/.92 var(--sans)!important;letter-spacing:-.04em!important} .main-nav .mega-grid-mini .mini-card>small{position:static!important;max-width:26ch!important;font:500 5px/1.4 var(--mono)!important;color:rgba(9,9,9,.48)!important} .main-nav .mega-grid-mini .mini-card>i{position:absolute!important;right:9px!important;top:8px!important;font-style:normal!important;color:var(--accent)!important} .main-nav .mega-grid-mini .mini-card:hover{background:var(--black)!important;color:var(--paper)!important;transform:translateY(-3px)!important} .main-nav .mega-grid-mini .mini-card:hover>small{color:rgba(255,255,255,.48)!important}} @media(min-width:1001px) and (max-height:800px){.main-nav .mega-menu-mini{padding-top:12px!important;padding-bottom:14px!important} .main-nav .mega-head-mini,.main-nav .mega-grid-mini,.main-nav .mega-grid-mini .mini-card{min-height:136px!important} .main-nav .mega-head-mini>p{font-size:clamp(22px,1.95vw,30px)!important} .main-nav .mega-grid-mini .mini-card>strong{font-size:clamp(13px,1.15vw,17px)!important}} @media(max-width:1000px){.main-nav .nav-item-mini{position:relative!important} .main-nav .mega-menu-mini{padding:12px!important} .main-nav .mega-head-mini{min-height:0!important;padding-bottom:10px!important} .main-nav .mega-head-mini>p{margin:6px 0 0!important;font:700 7vw/.92 var(--sans)!important;letter-spacing:-.05em!important} .main-nav .mega-grid-mini{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important} .main-nav .mega-grid-mini .mini-card{min-height:104px!important;padding:8px!important}} .header .main-nav>.nav-instagram{position:relative;display:flex;align-items:center;color:var(--black);text-decoration:none;font:600 5.5px var(--mono);letter-spacing:.08em;white-space:nowrap}.header .main-nav>.nav-instagram:before{content:"";width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(183,36,36,.55)}.header .main-nav>.nav-instagram:hover,.header .main-nav>.nav-instagram.active{color:var(--accent)} @media(min-width:1001px) and (max-width:1320px){.header .main-nav{gap:clamp(8px,1vw,14px)!important}.header .main-nav>.nav-instagram{font-size:4.6px!important}.header .main-nav .nav-main{font-size:5px!important}} @media(min-width:1001px){#site-menu .fm-studio-grid{grid-template-rows:repeat(5,1fr)!important}.full-menu .fm-card-studio>strong{font-size:clamp(15px,1.28vw,23px)!important}.full-menu .fm-card-studio>small{font-size:4.6px!important}} .kk-final-footer.footer{position:relative!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:calc(var(--header-h) + 18px) var(--pad) 15px!important;display:block!important;background:#090909!important;color:#f1efe8!important;scroll-snap-align:start;scroll-snap-stop:always;border:0!important}.kk-footer-head{position:relative;z-index:4;display:grid;grid-template-columns:.8fr 1.1fr .55fr;align-items:start;gap:4vw}.kk-footer-head>small{font:500 6px var(--mono);letter-spacing:.13em;color:var(--accent)}.kk-footer-head h2{font:700 clamp(65px,8.7vw,142px)/.7 var(--sans);letter-spacing:-.095em;margin:0;color:#f1efe8!important}.kk-footer-head h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.kk-footer-brief{justify-self:end;width:min(220px,16vw);aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff!important;text-decoration:none!important;transform:rotate(4deg);transition:.35s;background:rgba(255,255,255,.02)}.kk-footer-brief span{font:600 6px var(--mono);letter-spacing:.1em}.kk-footer-brief i{align-self:flex-end;font-style:normal;font-size:28px;color:var(--accent)}.kk-footer-brief:hover{background:#f1efe8!important;color:#090909!important;transform:rotate(0) scale(1.03)}.kk-footer-word{position:absolute;z-index:1;left:-.02em;right:-.02em;bottom:12%;display:flex;align-items:flex-end;justify-content:space-between;font:800 clamp(110px,19vw,300px)/.58 var(--sans);letter-spacing:-.115em;color:rgba(255,255,255,.055);pointer-events:none;white-space:nowrap}.kk-footer-word strong{font-weight:800;color:rgba(183,36,36,.12)}.kk-footer-bottom{position:absolute;z-index:5;left:var(--pad);right:var(--pad);bottom:48px;display:grid;grid-template-columns:1.15fr .8fr 1fr 1fr;gap:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.kk-footer-bottom>div{min-width:0;display:flex;flex-direction:column;gap:5px}.kk-footer-bottom small{font:500 5px var(--mono);letter-spacing:.11em;color:var(--accent)}.kk-footer-bottom a,.kk-footer-bottom span{font:500 7px/1.45 var(--mono);color:rgba(255,255,255,.63)!important;text-decoration:none!important}.kk-footer-bottom a:hover{color:#fff!important}.kk-footer-brand{display:grid!important;grid-template-columns:88px 1fr!important;align-items:center!important}.kk-footer-brand img{width:76px!important;height:auto!important;filter:brightness(0) invert(1);opacity:.88}.kk-footer-micro{position:absolute;z-index:5;left:var(--pad);right:var(--pad);bottom:12px;display:flex;justify-content:space-between;font:500 4.5px var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.25)} .kk-quickdock{position:fixed;z-index:180000;right:13px;bottom:20px;display:grid;gap:5px;pointer-events:auto} @media(max-width:1000px){.header .main-nav>.nav-instagram{display:none!important}.kk-final-footer.footer{padding:76px 14px 10px!important}.kk-footer-head{grid-template-columns:1fr}.kk-footer-head>small{font-size:4.5px}.kk-footer-head h2{font-size:19vw;line-height:.73}.kk-footer-brief{position:absolute;right:0;top:0;width:100px;padding:9px}.kk-footer-word{bottom:26%;font-size:31vw;display:block;line-height:.62}.kk-footer-word span,.kk-footer-word strong{display:block}.kk-footer-word strong{transform:translateX(18vw)}.kk-footer-bottom{left:14px;right:14px;bottom:40px;grid-template-columns:1fr 1fr;gap:12px}.kk-footer-brand{display:none!important}.kk-footer-bottom a,.kk-footer-bottom span{font-size:5px}.kk-footer-micro{left:14px;right:14px;bottom:9px;font-size:3.6px}.kk-footer-micro span:last-child{display:none}.kk-quickdock{right:50%;bottom:8px;transform:translateX(50%);display:flex;gap:4px}} @media(min-width:1001px) and (max-height:820px){.kk-final-footer.footer{padding-top:calc(var(--header-h) + 8px)!important}.kk-footer-head h2{font-size:clamp(55px,7.5vw,105px)}.kk-footer-brief{width:min(150px,12vw);padding:10px}.kk-footer-bottom{bottom:37px}.kk-footer-word{bottom:14%;font-size:16vw}} body.menu-open .kk-quickdock{opacity:0;pointer-events:none;transform:translateX(10px)} @media(max-width:1000px){body.menu-open .kk-quickdock{transform:translateX(50%) translateY(12px)}} .header.v17-header-light{background:rgba(241,239,232,.965)!important;color:#090909!important;border-bottom:1px solid rgba(9,9,9,.12)!important;backdrop-filter:blur(14px)} .header.v17-header-light .nav-main,.header.v17-header-light .nav-trigger,.header.v17-header-light .start-link,.header.v17-header-light .nav-instagram{color:#090909!important} .header.v17-header-light .menu-btn span{background:#090909!important} .header.v17-header-light .logo img{filter:none!important} .header.v17-header-dark{background:rgba(9,9,9,.94)!important;color:#f1efe8!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px)} .header.v17-header-dark .nav-main,.header.v17-header-dark .nav-trigger,.header.v17-header-dark .start-link,.header.v17-header-dark .nav-instagram{color:#f1efe8!important} .header.v17-header-dark .menu-btn span{background:#f1efe8!important} .header.v17-header-dark .logo img{filter:brightness(0) invert(1)!important} .header .mega-menu,.header .mega-menu-mini{background:#f1efe8!important;color:#090909!important} .header .mega-menu .mega-head p,.header .mega-menu .mega-head span,.header .mega-menu .mega-card,.header .mega-menu .mega-card strong,.header .mega-menu-mini .mini-card,.header .mega-menu-mini .mini-card strong{color:#090909!important} .header .mega-menu .mega-card small,.header .mega-menu-mini .mini-card small{color:rgba(9,9,9,.52)!important} .header .mega-menu .mega-card:hover,.header .mega-menu-mini .mini-card:hover{background:#090909!important;color:#f1efe8!important} .header .mega-menu .mega-card:hover strong,.header .mega-menu-mini .mini-card:hover strong{color:#f1efe8!important} .header .mega-menu .mega-card:hover small,.header .mega-menu-mini .mini-card:hover small{color:rgba(255,255,255,.5)!important} .v17-screen-rail{position:fixed;z-index:160000;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:3px;pointer-events:auto} .v17-screen-rail button{position:relative;width:44px;height:23px;padding:0;border:0;background:transparent;color:rgba(127,127,127,.5);display:flex;justify-content:flex-end;align-items:center;gap:5px} .v17-screen-rail button>span{font:500 4.5px var(--mono)}.v17-screen-rail button>i{display:block;width:5px;height:1px;background:currentColor;transition:.3s}.v17-screen-rail button>b{position:absolute;right:52px;top:50%;transform:translateY(-50%) translateX(6px);padding:6px 7px;background:#090909;color:#fff;font:600 4.5px var(--mono);letter-spacing:.08em;white-space:nowrap;opacity:0;visibility:hidden;transition:.22s} .v17-screen-rail button:hover>b{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.v17-screen-rail button.active{color:#b72424}.v17-screen-rail button.active>i{width:18px} body.menu-open .v17-screen-rail{opacity:0;pointer-events:none} .kk-quickdock{display:none!important} .kk-edge-dock{position:fixed;z-index:180000;top:50%;transform:translateY(-50%);display:grid;gap:5px;transition:.3s;pointer-events:auto} .kk-edge-left{left:10px}.kk-edge-right{right:10px} .kk-edge-item{height:40px;min-width:103px;padding:0 9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(9,9,9,.16);background:rgba(241,239,232,.94);color:#090909!important;text-decoration:none!important;box-shadow:0 8px 28px rgba(0,0,0,.08);backdrop-filter:blur(12px);transition:.28s} .kk-edge-item:hover{background:#090909;color:#fff!important;transform:translateX(3px)}.kk-edge-right .kk-edge-item:hover{transform:translateX(-3px)} .kk-edge-label{font:650 5px var(--mono);letter-spacing:.08em;white-space:nowrap}.kk-edge-icon{position:relative;width:18px;height:18px;flex:0 0 18px;display:block} .edge-wa .kk-edge-icon{border:1.7px solid currentColor;border-radius:50%}.edge-wa .kk-edge-icon:after{content:"";position:absolute;left:0;bottom:-2px;width:6px;height:6px;border-left:1.7px solid currentColor;transform:rotate(-28deg)}.edge-wa .kk-edge-icon:before{content:"⌕";position:absolute;inset:0;display:grid;place-items:center;font-size:10px;transform:rotate(-32deg)} .edge-instagram .kk-edge-icon{border:1.7px solid currentColor;border-radius:5px}.edge-instagram .kk-edge-icon:before{content:"";position:absolute;left:4px;top:4px;width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%}.edge-instagram .kk-edge-icon:after{content:"";position:absolute;right:3px;top:3px;width:2.5px;height:2.5px;border-radius:50%;background:currentColor} .edge-map .kk-edge-icon:before{content:"";position:absolute;left:4px;top:0;width:10px;height:13px;border:1.7px solid currentColor;border-radius:8px 8px 10px 10px;transform:rotate(45deg)}.edge-map .kk-edge-icon:after{content:"";position:absolute;left:8px;top:4px;width:3px;height:3px;border-radius:50%;background:#b72424} .edge-call .kk-edge-icon:before{content:"☎";position:absolute;inset:0;display:grid;place-items:center;font:700 17px/1 sans-serif} .edge-wa{border-left:3px solid #1e9b57}.edge-instagram{border-left:3px solid #b72424}.edge-map{border-right:3px solid #b72424}.edge-call{border-right:3px solid #090909} body.menu-open .kk-edge-dock{opacity:0;pointer-events:none}.kk-edge-left{transform:translateY(-50%)}.kk-edge-right{transform:translateY(-50%)} @media(max-width:1000px){.v17-screen-rail{display:none!important} .kk-edge-dock{top:auto;bottom:8px;transform:none!important;display:flex;gap:4px} .kk-edge-left{left:8px}.kk-edge-right{right:8px} .kk-edge-item{min-width:0;width:44px;height:42px;padding:0;justify-content:center}.kk-edge-label{display:none} .kk-edge-item:hover{transform:none!important}} .kk-edge-dock{gap:7px!important} .kk-edge-left{left:13px!important} .kk-edge-right{right:13px!important} .kk-edge-item{position:relative!important;width:50px!important;min-width:50px!important;height:50px!important;padding:0!important;border:1px solid rgba(183,36,36,.36)!important;border-radius:14px!important;background:rgba(241,239,232,.91)!important;color:var(--accent)!important;box-shadow:0 10px 34px rgba(9,9,9,.10)!important;backdrop-filter:blur(14px)!important;overflow:hidden!important;transition:width .38s cubic-bezier(.16,1,.3,1),background .28s ease,border-color .28s ease,transform .28s ease!important} .kk-edge-left .kk-edge-item{justify-content:flex-start!important} .kk-edge-right .kk-edge-item{justify-content:flex-start!important;flex-direction:row-reverse!important} .kk-edge-item:hover{width:142px!important;background:#090909!important;border-color:rgba(183,36,36,.9)!important;color:#f1efe8!important} .kk-edge-left .kk-edge-item:hover{transform:translateX(2px)!important} .kk-edge-right .kk-edge-item:hover{transform:translateX(-2px)!important} .kk-edge-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;color:var(--accent)!important} .kk-edge-icon::before,.kk-edge-icon::after{display:none!important} .kk-edge-svg{width:24px!important;height:24px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke} .edge-wa .kk-edge-svg path:nth-child(2){fill:currentColor!important;stroke:none!important} .edge-instagram .kk-icon-dot{fill:currentColor!important;stroke:none!important} .kk-edge-label{width:0!important;max-width:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;transform:translateX(-5px)!important;color:#f1efe8!important;font:650 6px var(--mono)!important;letter-spacing:.095em!important;white-space:nowrap!important;transition:width .34s cubic-bezier(.16,1,.3,1),max-width .34s cubic-bezier(.16,1,.3,1),opacity .20s ease .08s,transform .28s ease!important} .kk-edge-right .kk-edge-label{transform:translateX(5px)!important} .kk-edge-item:hover .kk-edge-label{width:auto!important;max-width:84px!important;opacity:1!important;transform:translateX(0)!important} .kk-edge-left .kk-edge-item:hover .kk-edge-label{padding-right:13px!important} .kk-edge-right .kk-edge-item:hover .kk-edge-label{padding-left:13px!important} .edge-wa,.edge-instagram,.edge-map,.edge-call{border-left:1px solid rgba(183,36,36,.36)!important;border-right:1px solid rgba(183,36,36,.36)!important} .edge-wa:hover,.edge-instagram:hover,.edge-map:hover,.edge-call:hover{border-left-color:var(--accent)!important;border-right-color:var(--accent)!important} .kk-footer-head h2{line-height:.82!important} .kk-footer-head h2 em{display:block!important;margin-top:.035em!important;font-size:.78em!important;line-height:.88!important} .kk-footer-brief{position:relative!important;display:grid!important;place-items:center!important;padding:0!important;background:#f1efe8!important;color:#090909!important;border:1px solid rgba(241,239,232,.72)!important;overflow:visible!important} .kk-footer-brief span{position:absolute!important;left:50%!important;top:25%!important;transform:translateX(-50%)!important;width:78%!important;color:#090909!important;text-align:center!important;font:700 6.5px/1.3 var(--mono)!important;letter-spacing:.11em!important;opacity:1!important;z-index:3!important} .kk-footer-brief::before{content:""!important;position:absolute!important;left:50%!important;top:55%!important;width:31px!important;height:24px!important;transform:translate(-50%,-50%)!important;background:linear-gradient(#090909,#090909) left top/9px 1px no-repeat,linear-gradient(#090909,#090909) left top/1px 8px no-repeat,linear-gradient(#090909,#090909) right top/9px 1px no-repeat,linear-gradient(#090909,#090909) right top/1px 8px no-repeat,linear-gradient(#090909,#090909) left bottom/9px 1px no-repeat,linear-gradient(#090909,#090909) left bottom/1px 8px no-repeat,linear-gradient(#090909,#090909) right bottom/9px 1px no-repeat,linear-gradient(#090909,#090909) right bottom/1px 8px no-repeat!important;z-index:2!important} .kk-footer-brief::after{content:"AÇ"!important;position:absolute!important;left:50%!important;top:68%!important;transform:translateX(-50%)!important;color:#090909!important;font:650 6px var(--mono)!important;letter-spacing:.11em!important;z-index:3!important} .kk-footer-brief i{position:absolute!important;right:10%!important;bottom:10%!important;color:var(--accent)!important;font-size:24px!important;z-index:4!important} .kk-footer-brief:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;transform:rotate(0) scale(1.035)!important} .kk-footer-brief:hover span,.kk-footer-brief:hover::after{color:#fff!important} .kk-footer-brief:hover::before{background:linear-gradient(#fff,#fff) left top/9px 1px no-repeat,linear-gradient(#fff,#fff) left top/1px 8px no-repeat,linear-gradient(#fff,#fff) right top/9px 1px no-repeat,linear-gradient(#fff,#fff) right top/1px 8px no-repeat,linear-gradient(#fff,#fff) left bottom/9px 1px no-repeat,linear-gradient(#fff,#fff) left bottom/1px 8px no-repeat,linear-gradient(#fff,#fff) right bottom/9px 1px no-repeat,linear-gradient(#fff,#fff) right bottom/1px 8px no-repeat!important} .kk-footer-brief:hover i{color:#fff!important} body:has(.kk-footer-brief:hover) .cursor-circle{mix-blend-mode:normal!important;background:linear-gradient(var(--accent),var(--accent)) left top/9px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/1px 8px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/9px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/1px 8px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/9px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/1px 8px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/9px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/1px 8px no-repeat!important} body:has(.kk-footer-brief:hover) .cursor-circle::after{background:var(--accent)!important} body:has(.kk-footer-brief:hover) .cursor-circle span{color:#fff!important;background:#090909!important;padding:3px 5px!important;opacity:1!important;font-size:7px!important} .instagram-v16 h1,.projects-v17 h1,.projects-v17 h2,.about-v16 h1,.about-v16 h2,.reading-v16 h1,.reading-v16 h2,.kk-final-footer h2{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance} @media(max-width:1000px){.kk-edge-dock{top:auto!important;bottom:9px!important;display:flex!important;gap:5px!important} .kk-edge-left{left:9px!important} .kk-edge-right{right:9px!important} .kk-edge-item{width:46px!important;min-width:46px!important;height:46px!important;border-radius:13px!important} .kk-edge-item:hover{width:46px!important;transform:none!important} .kk-edge-icon{width:44px!important;height:44px!important;flex-basis:44px!important} .kk-edge-svg{width:22px!important;height:22px!important} .kk-edge-label{display:none!important} .kk-footer-head h2{line-height:.84!important} .kk-footer-brief span{font-size:5px!important}} .hero h1.hero-word{margin:0;padding:0;font-family:var(--sans);font-weight:800;font-size:clamp(150px,18.8vw,345px);letter-spacing:-.102em;line-height:.78} a:focus-visible,button:focus-visible,.mega-card:focus-visible,.kk-edge-item:focus-visible,.kk-final-footer a:focus-visible,.kk-footer-brief:focus-visible{outline:2px solid var(--accent);outline-offset:4px} .hero{--hero-film-top:40.8%;--hero-film-height:clamp(195px,17vw,265px);--hero-word-gap:clamp(38px,4.5vh,44px);--hero-tag-gap:2px} .hero-word.kara,.hero h1.hero-word.kara{top:auto;bottom:calc(100% - var(--hero-film-top) + var(--hero-word-gap))} .hero-film,.hero-frame-lines{top:var(--hero-film-top);height:var(--hero-film-height)} @media(max-width:1000px){.hero{--hero-film-top:42%;--hero-film-height:220px;--hero-word-gap:clamp(30px,4vh,36px)}} @media(max-width:620px){.hero{--hero-film-top:32%;--hero-film-height:278px;--hero-word-gap:44px} .hero h1.hero-word.kara,.hero-word.kadraj{font-size:27vw}} .kk-edge-item{background:rgba(241,239,232,.46)!important;border-color:rgba(183,36,36,.24)!important;box-shadow:0 7px 22px rgba(9,9,9,.055)!important;backdrop-filter:blur(4px) saturate(.92)!important;-webkit-backdrop-filter:blur(4px) saturate(.92)!important} .kk-edge-item .kk-edge-icon{color:var(--accent)!important} .kk-edge-item:hover,.kk-edge-item:focus-visible{background:rgba(9,9,9,.96)!important;border-color:rgba(183,36,36,.88)!important;box-shadow:0 13px 36px rgba(9,9,9,.18)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important} body.instagram-v16 .kk-edge-item,body.projects-v17 .kk-edge-item,body.about-v16 .kk-edge-item{background:rgba(241,239,232,.40)!important} body.instagram-v16 .kk-edge-item:hover,body.projects-v17 .kk-edge-item:hover,body.about-v16 .kk-edge-item:hover{background:rgba(9,9,9,.97)!important} @media(max-width:1000px){.kk-edge-item{background:rgba(241,239,232,.50)!important;box-shadow:0 5px 18px rgba(9,9,9,.05)!important}} @media(min-width:1001px){body.menu-open .header{background:rgba(241,239,232,.975)!important;color:#090909!important;border-bottom:1px solid rgba(9,9,9,.12)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important} body.menu-open .header .logo img{filter:none!important;opacity:1!important} body.menu-open .header .nav-main,body.menu-open .header .nav-trigger,body.menu-open .header .nav-instagram,body.menu-open .header .start-link{color:#090909!important} body.menu-open .header .menu-btn span,body.menu-open .header .menu-toggle span{background:#090909!important} #site-menu.full-menu{top:var(--header-h)!important;bottom:0!important;height:calc(100dvh - var(--header-h))!important;min-height:0!important;padding:18px var(--pad) 18px!important;justify-content:stretch!important;contain:layout paint!important} #site-menu.full-menu>small{top:17px!important;right:var(--pad)!important} #site-menu .full-menu-layout{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;align-content:stretch!important;justify-content:stretch!important;overflow:hidden!important} #site-menu .full-menu-layout:hover .fm-card{opacity:1!important} #site-menu .fm-services,#site-menu .fm-studio{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:26px 0 0!important;margin:0!important;align-self:stretch!important;overflow:hidden!important} #site-menu .fm-label{position:absolute!important;left:0!important;top:5px!important;height:14px!important;margin:0!important;z-index:3!important} #site-menu .fm-service-grid{position:absolute!important;left:0!important;right:0!important;top:26px!important;bottom:0!important;width:auto!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;align-content:stretch!important} #site-menu .fm-studio-grid{position:absolute!important;left:0!important;right:0!important;top:26px!important;bottom:0!important;width:auto!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;align-content:stretch!important} #site-menu .fm-card{position:relative!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:13px 15px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:4px!important;overflow:hidden!important;opacity:1!important;transform:none!important;line-height:1!important} #site-menu .fm-card:hover{padding:13px 15px!important;opacity:1!important;transform:translateY(-2px)!important} #site-menu .fm-card>b{left:12px!important;top:10px!important;padding:0!important;font-size:5px!important;line-height:1!important} #site-menu .fm-card>strong{position:static!important;display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;opacity:1!important;white-space:normal!important;overflow:visible!important} #site-menu .fm-card>small{position:static!important;display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;opacity:.58!important;white-space:normal!important;overflow:visible!important} #site-menu .fm-card-service>strong{font:700 clamp(26px,2.5vw,43px)/.9 var(--sans)!important;letter-spacing:-.06em!important} #site-menu .fm-card-studio>strong{font:700 clamp(14px,1.18vw,20px)/.92 var(--sans)!important;letter-spacing:-.045em!important} #site-menu .fm-card-service>small{font:500 5px/1.35 var(--mono)!important} #site-menu .fm-card-studio>small{font:500 4.5px/1.32 var(--mono)!important} #site-menu .full-menu-footer{display:none!important}} @media(min-width:1001px) and (max-height:820px){#site-menu.full-menu{padding:12px var(--pad) 12px!important} #site-menu.full-menu>small{top:11px!important} #site-menu .fm-services,#site-menu .fm-studio{padding-top:21px!important} #site-menu .fm-service-grid,#site-menu .fm-studio-grid{top:21px!important;gap:5px!important} #site-menu .fm-card{padding:9px 11px!important} #site-menu .fm-card:hover{padding:9px 11px!important} #site-menu .fm-card-service>strong{font-size:clamp(21px,2.1vw,32px)!important} #site-menu .fm-card-studio>strong{font-size:clamp(12px,1.02vw,16px)!important} #site-menu .fm-card-studio>small{font-size:4px!important}} @media(max-width:1000px){#site-menu .fm-service-grid,#site-menu .fm-studio-grid{position:static!important;width:100%!important;height:auto!important}} @media(max-width:620px){ #services .kicker{margin-bottom:16px!important;font-size:10px!important} #services .intro-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-bottom:24px!important} #services .intro-title{max-width:100%!important;font-size:clamp(42px,13vw,58px)!important;line-height:.88!important} #services .intro-copy{display:block!important;max-width:42ch!important;font-size:14px!important;line-height:1.6!important;color:rgba(9,9,9,.76)!important} #services .intro-copy strong{margin-bottom:10px!important;font-size:10px!important;line-height:1.4!important} #services .services-stage{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;gap:22px!important} #services .service-preview{position:relative!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16 / 9!important;margin:0!important;overflow:hidden!important} #services .service-preview img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important} #services .services-list{position:static!important;display:grid!important;grid-template-columns:1fr!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;gap:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important;border-top:1px solid var(--line)!important} #services .services-swipe-hint{display:none!important} #services .service{display:grid!important;grid-template-columns:32px minmax(0,1fr) 24px!important;grid-template-rows:auto auto!important;gap:7px 10px!important;width:100%!important;height:auto!important;min-height:104px!important;padding:16px 12px!important;border:0!important;border-left:3px solid transparent!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--black)!important;scroll-snap-align:none!important} #services .service:hover,#services .service:focus-visible,#services .service.active{padding:16px 12px!important;border-left-color:var(--accent)!important;background:rgba(183,36,36,.045)!important;color:var(--black)!important} #services .service-number{grid-column:1!important;grid-row:1 / span 2!important;align-self:start!important;padding-top:0!important;font-size:10px!important;line-height:1.4!important;opacity:.58!important} #services .service-title{grid-column:2!important;grid-row:1!important;font-size:18px!important;line-height:1.15!important} #services .service-desc{grid-column:2!important;grid-row:2!important;max-width:100%!important;font-size:14px!important;line-height:1.5!important;color:rgba(9,9,9,.76)!important;opacity:1!important;visibility:visible!important;overflow:visible!important;max-height:none!important;margin-top:0!important;transition:none!important} #services .service-arrow{grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;padding-top:0!important;font-size:16px!important} #services .preview-no{right:10px!important;bottom:10px!important;padding:7px 9px!important;font-size:10px!important}}

/* =========================================================
   V22 / GLOBAL PACKAGES NAV
   Instagram shortcut replaced by conversion-first packages entry.
========================================================= */
.header .main-nav>.nav-packages{position:relative;display:flex;align-items:center;color:var(--accent);text-decoration:none;font:700 6px var(--mono);letter-spacing:.08em;white-space:nowrap;border-left:5px solid currentColor;padding-left:16px!important;margin-left:-8px;height:94px}
.header .main-nav>.nav-packages:after{display:none!important}
.header .main-nav>.nav-packages:hover,.header .main-nav>.nav-packages.active{color:var(--accent)}
.header.v17-header-light .nav-packages{color:var(--accent)!important;border-left-color:#090909!important}
.header.v17-header-dark .nav-packages{color:#ff5454!important;border-left-color:#f1efe8!important}
body.menu-open .header .nav-packages{color:#090909!important;border-left-color:#090909!important}
.fm-packages-card strong{color:var(--accent)!important}.fm-packages-card:hover strong{color:inherit!important}
@media(min-width:1001px) and (max-width:1320px){.header .main-nav>.nav-packages{font-size:4.8px!important;padding-left:10px!important;border-left-width:4px;margin-left:-5px}}
@media(max-width:1000px){.header .main-nav>.nav-packages{display:none!important}}
/* Conversion navigation stays visible: Paketler must never disappear on downward scroll. */
.header.hidden{transform:none!important}
/* Mobile conversion shortcut: keep PAKETLER visible next to the menu button. */
@media(max-width:1180px){
  .header .main-nav{display:flex!important;flex:0 0 auto!important;margin-left:auto!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;height:var(--header-h)!important;min-width:0!important}
  .header .main-nav>.nav-item,.header .main-nav>.nav-main:not(.nav-packages){display:none!important}
  .header .main-nav>.nav-packages{display:flex!important;height:var(--header-h)!important;font-size:7px!important;padding-left:12px!important;margin-left:0!important;border-left:4px solid var(--black)!important;color:var(--accent)!important}
  .header .header-contact{display:none!important}
  .header .header-right{margin-left:0!important;flex:0 0 auto!important}
}


/* =========================================================
   V4.2 — PAKETLER / GLOBAL CONVERSION NAV
   Always visible, reverse contrast, not a tiny utility link.
   ========================================================= */
.header .main-nav>.nav-packages{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--header-h)!important;
  min-width:104px!important;
  margin:0 0 0 -10px!important;
  padding:0 18px!important;
  border-left:5px solid var(--accent)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  background:#090909!important;
  color:#f1efe8!important;
  font:800 10px/1 var(--mono)!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
  transition:background .22s ease,color .22s ease,transform .22s ease!important;
}
.header .main-nav>.nav-packages:before{content:"↗";font-size:11px;margin-right:8px;color:#ff5454}
.header .main-nav>.nav-packages:after{display:none!important}
.header .main-nav>.nav-packages:hover,.header .main-nav>.nav-packages.active{background:var(--accent)!important;color:#fff!important;transform:translateY(0)!important}
.header.v17-header-dark .main-nav>.nav-packages{background:#f1efe8!important;color:#090909!important;border-left-color:#ff4747!important;border-right-color:rgba(9,9,9,.18)!important}
.header.v17-header-dark .main-nav>.nav-packages:before{color:#b72424!important}
body.menu-open .header .main-nav>.nav-packages{background:#f1efe8!important;color:#090909!important;border-left-color:#b72424!important}
.fm-packages-card{background:#f1efe8!important;color:#090909!important;border:2px solid #b72424!important}
.fm-packages-card strong{color:#b72424!important}.fm-packages-card i{color:#b72424!important}
@media(min-width:1001px) and (max-width:1480px){
  .header{gap:18px!important}.header .main-nav{gap:23px!important}.header .main-nav>.nav-packages{min-width:94px!important;padding:0 13px!important;font-size:8px!important;margin-left:-4px!important}.header-right{flex-basis:160px!important}
}
@media(min-width:1001px) and (max-width:1220px){
  .header .main-nav>.nav-item.nav-item-mini:not(.nav-projects-mini){display:none!important}.header .main-nav{gap:18px!important}
}
@media(max-width:1000px){
  .header .main-nav{display:flex!important;flex:0 0 auto!important;margin-left:auto!important;align-self:stretch!important;gap:0!important}
  .header .main-nav>.nav-item,.header .main-nav>.nav-main:not(.nav-packages){display:none!important}
  .header .main-nav>.nav-packages{display:flex!important;min-width:auto!important;height:var(--header-h)!important;margin:0!important;padding:0 12px!important;border-left:4px solid var(--accent)!important;font-size:7px!important;letter-spacing:.08em!important;background:#090909!important;color:#fff!important}
  .header .main-nav>.nav-packages:before{font-size:8px;margin-right:6px}
}

/* =========================================================
   V8.2 MOBILE FINAL FOOTER — no overlaps, no absolute collision
   Desktop remains untouched.
========================================================= */
@media (max-width:1000px){
  .kk-final-footer.footer{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:72px 18px calc(110px + env(safe-area-inset-bottom))!important;
    display:block!important;
    background:#090909!important;
    color:#f1efe8!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  .kk-final-footer .kk-footer-head{
    position:relative!important;
    z-index:4!important;
    display:block!important;
    width:100%!important;
  }
  .kk-final-footer .kk-footer-head>small{
    display:block!important;
    margin:0 0 16px!important;
    font:600 9px/1.35 var(--mono)!important;
    letter-spacing:.11em!important;
    color:var(--accent)!important;
  }
  .kk-final-footer .kk-footer-head h2{
    max-width:8ch!important;
    margin:0!important;
    font:700 clamp(54px,16vw,82px)/.82 var(--sans)!important;
    letter-spacing:-.085em!important;
    color:#f1efe8!important;
  }
  .kk-final-footer .kk-footer-head h2 em{color:var(--accent)!important}
  .kk-final-footer .kk-footer-brief{
    width:100%!important;
    height:auto!important;
    min-height:58px!important;
    aspect-ratio:auto!important;
    margin:28px 0 0!important;
    padding:0 16px!important;
    border:1px solid var(--accent)!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    justify-self:stretch!important;
    background:var(--accent)!important;
    color:#fff!important;
    transform:none!important;
  }
  .kk-final-footer .kk-footer-brief span{
    font:700 10px/1.2 var(--mono)!important;
    letter-spacing:.08em!important;
  }
  .kk-final-footer .kk-footer-brief i{
    align-self:center!important;
    font-size:24px!important;
    line-height:1!important;
    color:#fff!important;
  }
  .kk-final-footer .kk-footer-word{
    position:relative!important;
    z-index:1!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:46px 0 30px!important;
    display:grid!important;
    gap:0!important;
    align-items:start!important;
    justify-content:start!important;
    white-space:normal!important;
    font:800 clamp(64px,22vw,112px)/.68 var(--sans)!important;
    letter-spacing:-.1em!important;
    color:rgba(255,255,255,.055)!important;
    pointer-events:none!important;
  }
  .kk-final-footer .kk-footer-word span,.kk-final-footer .kk-footer-word strong{display:block!important;width:max-content!important}
  .kk-final-footer .kk-footer-word strong{margin-left:12%!important;color:rgba(183,36,36,.13)!important}
  .kk-final-footer .kk-footer-bottom{
    position:relative!important;
    z-index:5!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    padding:18px 0 0!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:24px 16px!important;
  }
  .kk-final-footer .kk-footer-bottom>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}
  .kk-final-footer .kk-footer-brand{grid-column:1/-1!important;display:grid!important;grid-template-columns:96px 1fr!important;gap:14px!important;align-items:center!important}
  .kk-final-footer .kk-footer-brand img{width:86px!important;height:auto!important;filter:brightness(0) invert(1)!important;opacity:.92!important}
  .kk-final-footer .kk-footer-bottom small{font-size:8px!important;line-height:1.35!important}
  .kk-final-footer .kk-footer-bottom a,.kk-final-footer .kk-footer-bottom span{font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
  .kk-final-footer .kk-footer-micro{
    position:relative!important;
    z-index:5!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:28px 0 0!important;
    padding:13px 0 0!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    font-size:8px!important;
    line-height:1.4!important;
  }
}
@media (max-width:430px){
  .kk-final-footer .kk-footer-bottom{grid-template-columns:1fr!important}
  .kk-final-footer .kk-footer-brand{grid-column:auto!important}
  .kk-final-footer .kk-footer-word{font-size:clamp(60px,25vw,96px)!important}
}

/* V8.5.6 — universal conversion footer */
@media (min-width:1001px){
  .kk-final-footer.footer{position:relative!important;height:min(100dvh,920px)!important;min-height:720px!important;overflow:hidden!important;padding:clamp(42px,5vw,76px) var(--pad) 30px!important;background:#080808!important;color:#f1efe8!important;isolation:isolate!important}
  .kk-final-footer::before{content:"FOTOĞRAF   •   VİDEO   •   WEB   •   SOSYAL   •   REKLAM";position:absolute;left:-5%;right:-5%;top:50%;z-index:-1;white-space:nowrap;font:700 clamp(58px,8.5vw,154px)/1 var(--sans);letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px rgba(241,239,232,.075);transform:rotate(-4deg) translateY(-50%);animation:kkFooterDrift 16s ease-in-out infinite alternate}
  .kk-final-footer::after{content:"";position:absolute;inset:10% 5% 18%;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(183,36,36,.2) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(241,239,232,.07) 50%,transparent 50.1%);background-size:96px 96px;mask-image:radial-gradient(circle at 73% 34%,#000,transparent 64%);animation:kkGridPulse 6s ease-in-out infinite alternate}
  .kk-final-footer .kk-footer-head{position:relative!important;z-index:3;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,34vw)!important;grid-template-rows:auto 1fr!important;align-items:center!important;width:100%!important;height:auto!important;gap:18px 7vw!important}
  .kk-final-footer .kk-footer-head>small{grid-column:1/-1!important;margin:0!important;color:#b72424!important;font:700 10px/1.2 var(--mono)!important;letter-spacing:.16em!important}
  .kk-final-footer .kk-footer-head h2{grid-column:1!important;margin:0!important;max-width:none!important;font:700 clamp(88px,10.5vw,190px)/.76 var(--sans)!important;letter-spacing:-.09em!important;color:#f1efe8!important}
  .kk-final-footer .kk-footer-head h2 em{display:block!important;color:#b72424!important;font-family:var(--serif)!important;font-weight:400!important;margin-left:.5em!important;transform:rotate(-4deg)!important}
  .kk-final-footer .kk-footer-brief{grid-column:2!important;justify-self:center!important;position:relative!important;width:min(30vw,430px)!important;height:min(30vw,430px)!important;aspect-ratio:1!important;border:1px solid rgba(241,239,232,.32)!important;border-radius:50%!important;background:rgba(241,239,232,.04)!important;color:#f1efe8!important;display:grid!important;place-items:center!important;overflow:hidden!important;transform:none!important;transition:transform .55s cubic-bezier(.16,1,.3,1),background .35s ease,border-color .35s ease!important;box-shadow:0 0 0 22px rgba(241,239,232,.018),0 0 0 44px rgba(241,239,232,.012)!important}
  .kk-final-footer .kk-footer-brief::before{content:""!important;position:absolute!important;inset:12%!important;border:1px dashed rgba(241,239,232,.18)!important;border-radius:50%!important;background:none!important;animation:kkFooterSpin 18s linear infinite!important}
  .kk-final-footer .kk-footer-brief::after{content:"PROJENİ ANLAT  •  TEKLİFİNİ AL  •  "!important;position:absolute!important;inset:auto!important;width:86%!important;height:auto!important;left:7%!important;top:13%!important;transform:none!important;background:none!important;color:rgba(241,239,232,.52)!important;font:600 8px/1 var(--mono)!important;letter-spacing:.16em!important;text-align:center!important;white-space:nowrap!important}
  .kk-final-footer .kk-footer-brief span{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:9ch!important;color:inherit!important;text-align:center!important;font:700 clamp(22px,2.15vw,38px)/.93 var(--sans)!important;letter-spacing:-.045em!important;z-index:3!important}
  .kk-final-footer .kk-footer-brief i{position:absolute!important;right:18%!important;bottom:18%!important;color:#b72424!important;font-size:42px!important;z-index:4!important;transition:transform .35s ease!important}
  .kk-final-footer .kk-footer-brief:hover,.kk-final-footer .kk-footer-brief:focus-visible{background:#b72424!important;border-color:#b72424!important;transform:scale(1.045)!important;color:#fff!important}
  .kk-final-footer .kk-footer-brief:hover i{color:#fff!important;transform:translate(7px,-7px)!important}
  .kk-final-footer .kk-footer-word{opacity:.34!important;animation:kkWordBreath 7s ease-in-out infinite alternate!important}
}
@keyframes kkFooterSpin{to{transform:rotate(360deg)}}
@keyframes kkFooterDrift{to{transform:rotate(2deg) translate(-3%,-50%)}}
@keyframes kkGridPulse{to{opacity:.42;transform:scale(1.03)}}
@keyframes kkWordBreath{to{opacity:.62}}
@media (prefers-reduced-motion:reduce){.kk-final-footer::before,.kk-final-footer::after,.kk-final-footer .kk-footer-brief::before,.kk-final-footer .kk-footer-word{animation:none!important}}

/* V8.5.7 — native, low-cost scrolling */
html{scroll-snap-type:none!important;scroll-behavior:smooth!important}
body,main{scroll-snap-type:none!important;overscroll-behavior-y:auto}
[data-editorial-screen],[data-sv-screen],.webx-section,.corp-section,.hotel-section,.kk-editorial-screen,.sv-screen{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
.kk-scroll-cue-lite{position:fixed;left:50%;bottom:20px;z-index:780;transform:translateX(-50%);min-width:118px;height:44px;padding:0 8px 0 15px;border:1px solid rgba(241,239,232,.28);border-radius:999px;background:rgba(9,9,9,.78);color:#f1efe8;display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 26px rgba(0,0,0,.12);font:700 8px/1 var(--mono);letter-spacing:.1em;cursor:pointer;transition:opacity .2s ease,transform .2s ease,border-color .2s ease}
.kk-scroll-cue-lite i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#b72424;color:#fff;font:400 17px/1 var(--sans);font-style:normal;transition:transform .2s ease}
.kk-scroll-cue-lite:hover{border-color:#b72424;transform:translateX(-50%) translateY(-2px)}
.kk-scroll-cue-lite:hover i{transform:translateY(2px)}
.kk-scroll-cue-lite.is-end{opacity:0;pointer-events:none}
@media(max-width:1000px){.kk-scroll-cue-lite{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.kk-scroll-cue-lite,.kk-scroll-cue-lite i{transition:none!important}}

/* V8.6.0 — short desktop viewport: keep the complete hero and header in frame. */
@media (min-width:1001px) and (max-height:700px){
  :root{--header-h:78px}
  .header{height:var(--header-h)!important;gap:14px!important;padding-inline:clamp(24px,2.4vw,38px)!important}
  .logo{width:116px!important;height:46px!important;flex-basis:116px!important}
  .main-nav{height:var(--header-h)!important;gap:clamp(10px,1.15vw,17px)!important}
  .nav-main,.nav-trigger{font-size:8px!important}
  .header-right{flex-basis:148px!important;gap:12px!important}
  .header .main-nav>.nav-packages{height:var(--header-h)!important;min-width:86px!important;padding-inline:11px!important;font-size:7.5px!important}
  .start-link{font-size:8px!important;gap:9px!important}
  .menu-btn{width:34px!important;height:34px!important}
  .hero{height:100svh!important;min-height:0!important;padding-top:calc(var(--header-h) + 8px)!important;--hero-film-top:45%;--hero-film-height:clamp(126px,24vh,150px);--hero-word-gap:34px}
  .hero h1.hero-word,.hero-word{font-size:clamp(110px,11.5vw,180px)!important;line-height:.78!important}
  .hero-film::before,.hero-film::after{height:12px!important}
  #site-menu.full-menu{top:var(--header-h)!important;height:calc(100dvh - var(--header-h))!important}
}

/* 2026-10-07: native vertical scrolling on mobile and desktop. */
html{scroll-snap-type:none!important;scroll-behavior:auto!important}
body,main{scroll-snap-type:none!important;overscroll-behavior-y:auto!important}
.hero,#services,#work,#industries,#journal,#teklif,#contact,#studio,footer.footer,[data-editorial-screen],[data-sv-screen],.webx-section,.corp-section,.hotel-section,.kk-editorial-screen,.sv-screen,.corp-screen,.hotel-screen,.lp-screen{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
footer.footer.kk-final-footer#global-footer{position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;padding:72px var(--pad) 32px!important;overflow:hidden!important;display:block!important;scroll-snap-align:none!important}#global-footer.kk-final-footer .kk-footer-head{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:0!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-head h2{position:relative!important;inset:auto!important;font-size:clamp(52px,7vw,100px)!important;line-height:.95!important;margin:0!important;transform:none!important;max-width:none!important}#global-footer.kk-final-footer .kk-footer-brief{position:relative!important;inset:auto!important;transform:none!important;width:fit-content!important;height:auto!important;min-height:56px!important;aspect-ratio:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;padding:16px 24px!important;border-radius:0!important;background:var(--accent)!important;color:#fff!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-brief span,#global-footer.kk-final-footer .kk-footer-brief i{position:static!important;inset:auto!important;transform:none!important;color:inherit!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-brief span{font:12px var(--mono)!important}#global-footer.kk-final-footer .kk-footer-brief i{font-size:24px!important}#global-footer.kk-final-footer .kk-footer-brief::before,#global-footer.kk-final-footer .kk-footer-brief::after{display:none!important}#global-footer.kk-final-footer .kk-footer-word{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:0 24px!important;transform:none!important;margin:32px 0!important;height:auto!important;font-size:clamp(60px,12vw,160px)!important;line-height:.95!important;opacity:.16!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-word span,#global-footer.kk-final-footer .kk-footer-word strong{position:static!important;inset:auto!important;font-size:inherit!important;line-height:inherit!important;transform:none!important;letter-spacing:-.065em!important}#global-footer.kk-final-footer .kk-footer-bottom{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;margin:24px 0 0!important;padding:24px 0!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-bottom>div{position:relative!important;inset:auto!important;min-width:0!important;width:auto!important;transform:none!important}#global-footer.kk-final-footer .kk-footer-bottom a{overflow-wrap:anywhere!important}#global-footer.kk-final-footer .kk-footer-brand img{width:150px!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-micro{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:12px 24px!important;margin:0!important;padding:20px 0 0!important;height:auto!important}
section.kk-seo-local{padding:16px var(--pad)!important}section.kk-seo-local>details>summary{padding:12px 0;font:12px var(--mono);cursor:pointer}section.kk-seo-local>details[open]>.kk-seo-local__inner{padding:24px 0!important}
@media(max-width:1000px){body.webx-page .webx-investment-sticky{height:640px!important}body.webx-page .webx-device-stage{height:440px!important}body.webx-page .webx-extreme-stage{height:580px!important}body.webx-page .webx-solution-canvas{min-height:380px!important}body.webx-page .webx-split-stage{height:auto!important}body.webx-page .webx-browser-wrap{min-height:340px!important}body.webx-page .webx-device-phone{height:330px!important}#global-footer.kk-final-footer .kk-footer-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}#global-footer.kk-final-footer .kk-footer-brand{grid-column:1 / -1!important}#global-footer.kk-final-footer .kk-footer-head h2{font-size:64px!important}#global-footer.kk-final-footer .kk-footer-word{font-size:clamp(60px,19vw,100px)!important}}

body.webx-page .kk-scroll-cue-lite{display:none!important}

#global-footer.kk-final-footer::before,#global-footer.kk-final-footer::after{display:none!important}
#global-footer.kk-final-footer .kk-footer-head>*{grid-area:auto!important;justify-self:start!important}
#global-footer.kk-final-footer .kk-footer-brief{flex-direction:row!important;box-shadow:none!important;margin:0!important;overflow:visible!important}
#global-footer.kk-final-footer .kk-footer-brief span{width:auto!important;white-space:nowrap!important}
#global-footer.kk-final-footer .kk-footer-word{white-space:normal!important;color:#f1efe8!important;text-indent:0!important;justify-content:flex-start!important}
#global-footer.kk-final-footer .kk-footer-word span,#global-footer.kk-final-footer .kk-footer-word strong{-webkit-text-fill-color:currentColor!important;color:inherit!important}
@media(max-width:1000px){footer.footer.kk-final-footer#global-footer{padding-bottom:90px!important}}

@media(min-width:1001px){footer.footer.kk-final-footer#global-footer{padding-left:max(var(--pad),80px)!important;padding-right:max(var(--pad),80px)!important}}


/* Keyboard disclosure state; preserve the existing header geometry. */
.main-nav button.nav-trigger{appearance:none;margin:0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}
.main-nav button.nav-trigger:focus-visible,.full-menu a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.main-nav .nav-item[data-kk-nav-state="closed"]>.mega-menu{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-12px)!important}
.main-nav .nav-item[data-kk-nav-state="open"]>.mega-menu{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.p-card{position:relative;min-height:360px;display:grid;grid-template-rows:1fr auto;text-decoration:none;color:#f1efe8;border:1px solid rgba(255,255,255,.13);overflow:hidden}
.p-card figure{margin:0;overflow:hidden;min-height:0}.p-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55);transition:.6s ease}.p-card:hover img{filter:grayscale(0);transform:scale(1.035)}
.p-card-meta{padding:12px}.p-card-meta>span{font:500 5px "DM Mono";color:#b72424}.p-card-meta>strong{display:block;font:700 22px "Manrope";letter-spacing:-.045em;margin:6px 0}.p-card-meta p{font:400 9px/1.4 "Manrope";color:rgba(255,255,255,.5);margin:0 0 8px}.p-card-meta div{display:flex;gap:4px;flex-wrap:wrap}.p-card-meta b{font:500 4px "DM Mono";padding:4px 5px;border:1px solid rgba(255,255,255,.12)}.p-card>i{position:absolute;right:11px;top:10px;font-style:normal;color:#b72424}@media(max-width:700px){.p-card{min-height:330px}}

html{scroll-snap-type:y mandatory}body.projects-v17{margin:0;background:#090909;color:#f1efe8;overflow-x:hidden}.pj-screen{position:relative;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;padding:calc(var(--header-h) + 13px) var(--pad) 16px}.pj-code{position:relative;z-index:5;display:flex;justify-content:space-between;font:500 6px var(--mono);letter-spacing:.12em;color:#b72424}.pj-code span{color:rgba(127,127,127,.6)}
.pj-hero{background:radial-gradient(circle at 73% 26%,rgba(183,36,36,.18),transparent 24%),#090909}.pj-hero-copy{position:absolute;left:var(--pad);top:19%;width:48%}.pj-hero-copy small{font:500 6px var(--mono);color:#b72424}.pj-hero-copy h1{font:800 clamp(70px,9.7vw,158px)/.71 var(--sans);letter-spacing:-.095em;margin:10px 0 16px;color:#f1efe8;max-width:8ch}.pj-hero-copy h1 em{font-family:var(--serif);font-weight:400;color:#b72424}.pj-hero-copy p{font:400 11px/1.45 var(--sans);color:rgba(255,255,255,.44)}.pj-index{position:absolute;right:var(--pad);top:16%;width:43%;height:70%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:5px}.pj-index a{position:relative;padding:11px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;background:#111;transition:.3s}.pj-index a:hover{background:#f1efe8;color:#090909;transform:translateY(-3px)}.pj-index b{position:absolute;left:10px;top:8px;font:500 5px var(--mono);color:#b72424}.pj-index strong{font:700 clamp(14px,1.4vw,22px)/.95 var(--sans);letter-spacing:-.04em}.pj-index span{margin-top:4px;font:500 5px var(--mono);color:#777}
.pj-category.is-light{background:#e8e2d9;color:#090909}.pj-category.is-dark{background:#090909;color:#f1efe8}.pj-side{position:absolute;left:var(--pad);top:20%;width:24%}.pj-side small{font:500 5px var(--mono);color:#b72424}.pj-side h2{font:700 clamp(39px,4.4vw,68px)/.86 var(--sans);letter-spacing:-.07em;margin:9px 0 18px;max-width:8ch}.pj-side h2 em{display:block;margin-top:11px;font-family:var(--serif);font-weight:400;font-size:.5em;line-height:1.05;letter-spacing:-.02em}.pj-side>a{font:600 5px var(--mono);color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.pj-cards{position:absolute;right:var(--pad);top:17%;width:70%;height:70%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pj-cards .p-card{position:relative;min-height:0;height:100%;display:grid;grid-template-rows:55% 45%;color:#090909;text-decoration:none;border:1px solid rgba(9,9,9,.14);background:#f1efe8;overflow:hidden;transition:.35s}.is-dark .pj-cards .p-card{background:#111;color:#f1efe8;border-color:rgba(255,255,255,.14)}.pj-cards .p-card figure{margin:0;overflow:hidden}.pj-cards .p-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65);transition:.5s}.pj-cards .p-card:hover{transform:translateY(-6px)}.pj-cards .p-card:hover img{filter:grayscale(0);transform:scale(1.035)}.pj-cards .p-card-meta{padding:9px;overflow:hidden}.pj-cards .p-card-meta>span{font:500 4px var(--mono);color:#b72424}.pj-cards .p-card-meta>strong{display:block;font:700 15px/1 var(--sans);letter-spacing:-.04em;margin:6px 0}.pj-cards .p-card-meta p{font:400 6.5px/1.35 var(--sans);color:#746e67;margin:0 0 6px}.is-dark .pj-cards .p-card-meta p{color:rgba(255,255,255,.42)}.pj-cards .p-card-meta div{display:flex;gap:3px;flex-wrap:wrap}.pj-cards .p-card-meta b{font:500 3.7px var(--mono);padding:3px 4px;border:1px solid rgba(127,127,127,.25)}.pj-cards .p-card>i{position:absolute;right:8px;top:7px;color:#b72424;font-style:normal}
@media(min-width:1001px) and (max-height:820px){.pj-screen{padding-top:calc(var(--header-h) + 7px)}.pj-hero-copy{top:15%}.pj-hero-copy h1{font-size:clamp(58px,8vw,112px)}.pj-index{top:14%;height:72%}.pj-side{top:16%}.pj-side h2{font-size:clamp(33px,3.7vw,52px)}.pj-cards{top:14%;height:73%}.pj-cards .p-card-meta>strong{font-size:12px}.pj-cards .p-card-meta p{font-size:5.8px}}
@media(max-width:1000px){.pj-screen{padding:76px 14px 10px}.pj-code{font-size:4px}.pj-hero-copy{left:14px;right:14px;top:11%;width:auto}.pj-hero-copy h1{font-size:17vw;line-height:.78}.pj-index{left:14px;right:14px;top:49%;width:auto;height:44%;gap:3px}.pj-index strong{font-size:4.8vw}.pj-side{left:14px;right:14px;top:11%;width:auto}.pj-side h2{font-size:10vw;line-height:.93;max-width:10ch}.pj-cards{left:14px;right:14px;top:37%;width:auto;height:56%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.pj-cards .p-card{grid-template-rows:48% 52%}.pj-cards .p-card-meta{padding:5px}.pj-cards .p-card-meta>strong{font-size:9px;margin:3px 0}.pj-cards .p-card-meta p,.pj-cards .p-card-meta div{display:none}}


/* =========================================================
   V18 / PROJECT CATEGORY COLUMN SAFETY
========================================================= */
@media(min-width:1001px){
  .pj-category .pj-side{
    left:var(--pad)!important;
    top:21%!important;
    width:22.5%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .pj-category .pj-side h2{
    width:100%!important;
    max-width:7.15ch!important;
    font-size:clamp(34px,3.52vw,55px)!important;
    line-height:.91!important;
    letter-spacing:-.062em!important;
    margin:9px 0 18px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .pj-category .pj-side h2 em{
    display:block!important;
    max-width:10.5ch!important;
    margin-top:13px!important;
    font-size:.49em!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  .pj-category .pj-cards{
    left:29%!important;
    right:var(--pad)!important;
    width:auto!important;
    top:17%!important;
    height:70%!important;
  }
}
@media(min-width:1001px) and (max-width:1250px){
  .pj-category .pj-side h2{
    font-size:clamp(31px,3.35vw,46px)!important;
    max-width:7ch!important;
  }
  .pj-category .pj-cards{left:30%!important}
}
@media(min-width:1001px) and (max-height:820px){
  .pj-category .pj-side{top:17%!important}
  .pj-category .pj-side h2{
    font-size:clamp(29px,3.15vw,44px)!important;
    line-height:.94!important;
  }
  .pj-category .pj-cards{top:14%!important;height:73%!important}
}
@media(max-width:1000px){
  .pj-category .pj-side{
    left:14px!important;right:14px!important;top:11%!important;width:auto!important;
  }
  .pj-category .pj-side h2{
    max-width:9.5ch!important;
    font-size:clamp(31px,9.1vw,45px)!important;
    line-height:.95!important;
  }
  .pj-category .pj-cards{
    left:14px!important;right:14px!important;top:38%!important;width:auto!important;
  }
}

:root{--kk-readable-micro:10px;--kk-readable-small:12px;--kk-readable-body:14px} @media (min-width:1001px){.header .main-nav .nav-main{font-size:10px !important;line-height:1.25 !important} .header .main-nav>.nav-instagram,.header-contact,.start-link{font-size:9px !important;line-height:1.3 !important} .mega-head>span,.mega-card>span{font-size:9px !important;line-height:1.3 !important;opacity:.68 !important} .mega-card>small{max-width:30ch !important;font-size:10px !important;line-height:1.45 !important;color:rgba(9,9,9,.68) !important} #site-menu.full-menu>small,#site-menu .fm-label,#site-menu .fm-card>b{font-size:9px !important;line-height:1.3 !important} #site-menu .fm-card>small{font-size:10px !important;line-height:1.4 !important;color:rgba(241,239,232,.68) !important} .kk-edge-label,.v17-screen-rail button>span,.v17-screen-rail button>b{font-size:9px !important;line-height:1.3 !important}} @media (min-width:1001px) and (max-width:1320px){.header .main-nav{gap:10px !important} .header .main-nav .nav-main{font-size:9px !important} .header .main-nav>.nav-instagram{display:none !important}} .kk-footer-head>small,.kk-footer-brief span,.kk-footer-brief::after,.kk-footer-bottom small{font-size:9px !important;line-height:1.35 !important} .kk-footer-bottom a,.kk-footer-bottom span{font-size:10px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important} .kk-footer-micro{font-size:9px !important;line-height:1.35 !important;color:rgba(255,255,255,.48) !important} @media (min-width:1001px){.hero-label,.hero-meta,.hero-service-tags span,#heroFrameLabel,#heroServiceLabel,.scroll-enter,.hero-slide-info small{font-size:10px !important;line-height:1.4 !important} .work-category{min-height:40px !important;font-size:10px !important} .client-project-top,.client-project-tags span,.industry-pill,.industry-card span,.journal-set-chip,.journal-metric span{font-size:10px !important;line-height:1.4 !important}} body.webx-page :is(.webx-kicker,.webx-hero-chip,.webx-scroll-cue,.webx-browser-url,.webx-browser-state,.webx-browser-meta,.webx-project-meta,.webx-project-caption a,.webx-console-head,.webx-console-foot,.webx-review-bottom,.webx-investment-super,.webx-breakpoint,.webx-split-label,.webx-extreme-cta ){font-size:10px !important;line-height:1.4 !important} body.webx-page :is(.webx-compare-caption p,.webx-door-copy p,.door-search-state p,.webx-split-content p ){font-size:12px !important;line-height:1.55 !important} body.projects-v17 :is(.pj-code,.pj-hero-copy small,.pj-index b,.pj-index span,.pj-side small,.pj-side>a,.p-card-meta>span,.p-card-meta b ){font-size:9px !important;line-height:1.35 !important} body.projects-v17 :is(.pj-hero-copy p,.p-card-meta p){font-size:11px !important;line-height:1.45 !important} body.projects-v17 .p-card-meta>strong{font-size:12px !important;line-height:1.2 !important} body.article-page :is(.article-copy small,.article-image figcaption,.article-section>span,.article-end a ),body.pd-page :is(.pd-copy small,.pd-tags span,.pd-note span,.pd-back a ),body.hub-page :is(.hub-card span,.hub-foot ){font-size:10px !important;line-height:1.4 !important} @media (max-width:620px){html body.kk-site .hero-copy{font-size:14px !important;line-height:1.45 !important}} @media (max-width:1000px){:root{--kk-readable-micro:10px;--kk-readable-small:12px;--kk-readable-body:14px} html:has(body.kk-site){scroll-snap-type:none !important} body.kk-site :is(.hero-label,.hero-meta,.hero-copy,.hero-service-tags span,.hero-slide-info small,#heroFrameLabel,#heroServiceLabel ){font-size:10px !important;line-height:1.4 !important} body.kk-site :is(.work-category,.client-project-top,.client-project-tags span,.industry-pill,.industry-card span,.journal-set-chip,.journal-metric span ){font-size:10px !important;line-height:1.4 !important} #site-menu .fm-label,#site-menu .fm-card>b{font:500 10px/1.3 var(--mono) !important} #site-menu .fm-card>small{font:500 11px/1.45 var(--mono) !important;color:rgba(255,255,255,.72) !important} #site-menu .fm-card{min-height:136px !important} .kk-footer-bottom a,.kk-footer-bottom span,.kk-footer-bottom small,.kk-footer-micro{font-size:10px !important;line-height:1.45 !important} .kk-final-footer.footer{height:max(100svh,720px) !important;min-height:720px !important;max-height:none !important} body.sv-page :is(.sv-screen p,.sv-scope-grid article>p,.sv-process-read p,.sv-faq-list details p,.sv-gear-links a p ),body.webx-page :is(.webx-compare-caption p,.webx-door-copy p,.door-search-state p,.webx-split-content p ),body.corp-page :is(.corp-map-readout p,.corp-global-copy p,.corp-faq-item p,.corp-cta-copy p ),body.hotel-page :is(.hotel-booking-card p,.hotel-search-result p,.hotel-system-readout p,.hotel-faq-item p,.hotel-cta-copy p ),body.about-v16 :is(.ka-approach-copy p,.ka-system-copy p,.ka-bodrum-copy p,.ka-machine-read p ),body.instagram-v16 :is(.ig-hero-grid p,.ig-modal-copy p),body.pd-page .pd-note p,body.hub-page .hub-card p{font-size:12px !important;line-height:1.5 !important} body.projects-v17 .pj-code,body.reading-v16 .rb-code,body.about-v16 .ka-code{font-size:9px !important} body.projects-v17 .p-card-meta>strong,body.reading-v16 .rb-card strong,body.instagram-v16 .ig-card-meta strong{font-size:12px !important;line-height:1.2 !important} body.article-page :is(.article-copy small,.article-image figcaption,.article-section>span,.article-end a),body.pd-page :is(.pd-copy small,.pd-tags span,.pd-note span,.pd-back a),body.hub-page :is(.hub-top small,.hub-card span,.hub-foot){font-size:10px !important}} @media (min-width:1181px){.kicker{font-size:11px !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:.08em !important} .kicker span:first-child{opacity:.55 !important}} @media (min-width:1181px){#teklif .quote-intro-label{font-size:10px !important;line-height:1.4 !important} #teklif .quote-intro-copy{max-width:46ch !important;font-family:var(--sans) !important;font-size:14px !important;font-weight:400 !important;line-height:1.6 !important;letter-spacing:0 !important;color:rgba(9,9,9,.72) !important} #teklif .quote-intro-copy strong{margin-bottom:10px !important;font-size:10px !important;line-height:1.4 !important} #teklif .qq-flow-step span{font-size:9px !important;line-height:1.3 !important} #teklif .qq-guide{width:330px !important} #teklif .qq-guide-bubble{width:220px !important;min-height:88px !important;padding:12px 14px 13px !important} #teklif .qq-guide-bubble small{font-size:8px !important;line-height:1.35 !important} #teklif .qq-guide-bubble strong{font-size:16px !important;line-height:1.15 !important} #teklif .qq-guide-bubble p{max-width:28ch !important;font-size:10px !important;line-height:1.45 !important;color:rgba(9,9,9,.68) !important} #teklif .qq-simple-head span{font-size:9px !important;line-height:1.35 !important} #teklif .qq-simple-head p{max-width:34ch !important;font-size:12px !important;line-height:1.5 !important;color:rgba(9,9,9,.66) !important} #teklif .qq-need-no{font-size:8px !important;line-height:1.3 !important} #teklif .qq-need-grid-v8 .qq-need-copy strong{font-size:16px !important;line-height:1.08 !important} #teklif .qq-need-grid-v8 .qq-need-copy small{max-width:30ch !important;font-size:10px !important;line-height:1.45 !important;color:rgba(9,9,9,.62) !important;opacity:1 !important} #teklif .qq-need-card.selected .qq-need-copy small{color:rgba(255,255,255,.74) !important} #teklif .qq-selection-status span,#teklif .qq-big-next,#teklif .qq-text-back{font-size:10px !important;line-height:1.35 !important} #teklif .qq-big-next{min-height:46px !important;padding-inline:18px !important} #teklif .qq-subpanel-head small,#teklif .qq-subpanel-head>span,#teklif .qq-context-title small,#teklif .qq-context-when>span,#teklif .qq-simple-field>span,#teklif .qq-simple-field small,#teklif .qq-picked>span,#teklif .qq-picked b,#teklif .qq-simple-form label span,#teklif .qq-autofill-bar small,#teklif .qq-autofill-note b,#teklif .qq-coffee-card small,#teklif .qq-coffee-card em,#teklif .qq-final-footer>span,#teklif .qq-brief-recap small{font-size:9px !important;line-height:1.4 !important} #teklif .qq-subchoice span,#teklif .qq-context-chip,#teklif .qq-choice,#teklif .qq-contact-picker,#teklif .qq-brief-recap b{font-size:10px !important;line-height:1.4 !important} #teklif .qq-subchoice,#teklif .qq-context-chip,#teklif .qq-choice,#teklif .qq-contact-picker{min-height:44px !important} #teklif .qq-autofill-bar strong{font-size:15px !important;line-height:1.25 !important} #teklif .qq-autofill-note{font-size:10px !important;line-height:1.5 !important} #teklif .qq-coffee-card>p{font-size:12px !important;line-height:1.5 !important;color:rgba(255,255,255,.68) !important} #teklif .qq-coffee-list span,#teklif .qq-submit-simple{font-size:10px !important;line-height:1.4 !important}} @media (min-width:1181px){#contact .contact-break-bottom{grid-template-columns:minmax(0,1fr) !important;gap:14px !important;align-items:start !important} #contact .contact-break-kicker{font-size:11px !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:.08em !important;color:#fff !important;opacity:1 !important} #contact .contact-break-eyebrow{max-width:36ch !important;font-size:12px !important;font-weight:500 !important;line-height:1.5 !important;color:rgba(255,255,255,.84) !important;opacity:1 !important} #contact .contact-break-title-wrap h2,#contact .contact-break-title-wrap h2 em{color:#fff !important;opacity:1 !important} #contact .contact-break-lead{max-width:50ch !important;font-family:var(--sans) !important;font-size:15px !important;font-weight:400 !important;line-height:1.6 !important;letter-spacing:0 !important;color:rgba(255,255,255,.9) !important;opacity:1 !important} #contact .contact-break-btn{min-height:54px !important;padding-inline:20px !important;font-size:13px !important;font-weight:600 !important;line-height:1.35 !important} #contact .contact-break-actions{width:100% !important;max-width:none !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important} #contact .contact-break-btn.primary{background-color:#fff !important;color:#090909 !important} #contact .contact-break-btn.primary span,#contact .contact-break-btn.primary b{color:#090909 !important;-webkit-text-fill-color:#090909 !important} #contact .contact-break-btn.ghost{background-color:transparent !important;border-color:rgba(255,255,255,.58) !important;color:#fff !important} #contact .contact-break-btn.ghost span,#contact .contact-break-btn.ghost b{color:#fff !important;-webkit-text-fill-color:#fff !important} #contact .contact-break-meta span{font-size:10px !important;font-weight:500 !important;line-height:1.4 !important;color:rgba(255,255,255,.8) !important;opacity:1 !important} #contact .coffee-frame-code,#contact .coffee-caption span{font-size:10px !important;font-weight:500 !important;line-height:1.4 !important;color:rgba(255,255,255,.76) !important;opacity:1 !important} #contact .coffee-frame-word{color:rgba(255,255,255,.07) !important}} @media (min-width:1181px){body :is(main,footer,#kk-desktop-description-scope) :is(p,[class*="-desc"],[class*="-description"],#kk-desktop-description-lock ){font-size:12px !important}} @media (min-width:1181px){.header .main-nav .mega-menu:not(.mega-menu-mini) .mega-card{padding-top:18px !important;padding-left:20px !important;padding-bottom:18px !important} .header .main-nav .mega-menu:not(.mega-menu-mini) .mega-card>span,.header .main-nav .mega-menu-mini .mega-head-mini>span,.header .main-nav .mega-menu-mini .mini-card>span{font-size:9px !important;line-height:1.3 !important;opacity:.72 !important} .header .main-nav .mega-menu:not(.mega-menu-mini) .mega-card>small,.header .main-nav .mega-menu-mini .mini-card>small{max-width:32ch !important;font-family:var(--sans) !important;font-size:12px !important;font-weight:500 !important;line-height:1.45 !important;letter-spacing:0 !important;color:rgba(9,9,9,.74) !important;opacity:1 !important} .header .main-nav .mega-menu:not(.mega-menu-mini) .mega-card:hover>small,.header .main-nav .mega-menu-mini .mini-card:hover>small{color:rgba(255,255,255,.84) !important} .header .main-nav .mega-menu-mini .mega-grid-mini{gap:8px !important} .header .main-nav .mega-menu-mini .mini-card>strong{font-size:clamp(14px,1.1vw,18px) !important} .header .main-nav .mega-menu-mini .mini-card{justify-content:flex-start !important;gap:7px !important;padding:42px 15px 15px !important} .header .main-nav .mega-menu-mini .mini-card>span{top:12px !important;left:14px !important}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important}} @media (max-width:1000px){body.menu-open{overflow:hidden !important} body.menu-open .header{transform:translateY(0) !important;background:#050505 !important;border-bottom:1px solid rgba(255,255,255,.12) !important;color:#f1efe8 !important} body.menu-open .header .logo img{filter:brightness(0) invert(1) !important} body.menu-open .header .menu-btn span{background:#f1efe8 !important} #site-menu.full-menu{position:fixed !important;inset:0 !important;width:100vw !important;max-width:none !important;height:100dvh !important;min-height:100dvh !important;box-sizing:border-box !important;padding:calc(var(--header-h) + 14px) 14px 28px !important;display:block !important;justify-content:flex-start !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 88% 10%,rgba(183,36,36,.13),transparent 25%),#050505 !important} #site-menu.full-menu>small,#site-menu .full-menu-footer{display:none !important} #site-menu .full-menu-layout{position:static !important;width:100% !important;max-width:none !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:24px !important;overflow:visible !important} #site-menu .fm-services,#site-menu .fm-studio{position:static !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;display:block !important;overflow:visible !important} #site-menu .fm-label{position:static !important;width:100% !important;height:auto !important;margin:0 0 9px !important;font:600 10px/1.35 var(--mono) !important;letter-spacing:.12em !important;color:rgba(241,239,232,.56) !important} #site-menu .fm-service-grid,#site-menu .fm-studio-grid{position:static !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:0 !important;margin:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;grid-auto-flow:row !important;grid-auto-rows:auto !important;gap:8px !important;overflow:visible !important} #site-menu .fm-card,#site-menu .fm-card:hover{position:relative !important;width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:112px !important;box-sizing:border-box !important;margin:0 !important;padding:28px 42px 16px 14px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:8px !important;border:1px solid rgba(255,255,255,.15) !important;background:rgba(255,255,255,.025) !important;color:#f1efe8 !important;opacity:1 !important;overflow:hidden !important;transform:none !important} #site-menu .fm-card:active{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.3) !important} #site-menu .fm-card>b{position:absolute !important;top:11px !important;left:14px !important;margin:0 !important;padding:0 !important;font:600 10px/1 var(--mono) !important;letter-spacing:.08em !important;color:var(--accent) !important;opacity:1 !important} #site-menu .fm-card>strong,#site-menu .fm-card-service>strong,#site-menu .fm-card-studio>strong{position:static !important;display:block !important;width:100% !important;max-width:18ch !important;margin:0 !important;padding:0 !important;font:700 clamp(19px,5.4vw,23px)/1.05 var(--sans) !important;letter-spacing:-.035em !important;color:#f1efe8 !important;white-space:normal !important;overflow:visible !important} #site-menu .fm-card>small,#site-menu .fm-card-service>small,#site-menu .fm-card-studio>small{position:static !important;display:block !important;width:100% !important;max-width:38ch !important;margin:0 !important;padding:0 !important;font:500 13px/1.55 var(--sans) !important;letter-spacing:0 !important;color:rgba(241,239,232,.84) !important;opacity:1 !important;white-space:normal !important;overflow:visible !important} #site-menu .fm-card>i{position:absolute !important;top:11px !important;right:14px !important;font-size:15px !important;line-height:1 !important;color:var(--accent) !important}} @media (max-width:620px){#site-menu.full-menu{height:100dvh !important;min-height:0 !important;padding:calc(var(--header-h) + 5px) 10px 8px !important;overflow:hidden !important} #site-menu .full-menu-layout{width:100% !important;height:calc(100dvh - var(--header-h) - 13px) !important;min-height:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:minmax(0,4fr) minmax(0,5fr) !important;gap:8px !important;overflow:hidden !important} #site-menu .fm-services,#site-menu .fm-studio{height:100% !important;min-height:0 !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;overflow:hidden !important} #site-menu .fm-label{margin:0 0 4px !important;font-size:8.5px !important;line-height:1.15 !important} #site-menu .fm-service-grid,#site-menu .fm-studio-grid{height:100% !important;min-height:0 !important;gap:4px !important;overflow:hidden !important} #site-menu .fm-service-grid{grid-template-rows:repeat(4,minmax(0,1fr)) !important} #site-menu .fm-studio-grid{grid-template-rows:repeat(5,minmax(0,1fr)) !important} #site-menu .fm-card,#site-menu .fm-card:hover{height:100% !important;min-height:0 !important;padding:15px 28px 5px 10px !important;justify-content:center !important;gap:2px !important} #site-menu .fm-card>b{top:5px !important;left:10px !important;font-size:8px !important;line-height:1 !important} #site-menu .fm-card>strong,#site-menu .fm-card-service>strong,#site-menu .fm-card-studio>strong{max-width:100% !important;font-size:clamp(15px,4.2vw,17px) !important;line-height:1 !important;letter-spacing:-.035em !important;white-space:nowrap !important} #site-menu .fm-card>small,#site-menu .fm-card-service>small,#site-menu .fm-card-studio>small{max-width:100% !important;font-size:clamp(10px,2.85vw,11.5px) !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} #site-menu .fm-card>i{top:5px !important;right:9px !important;font-size:12px !important}}


/* --- MOBILE HOTFIX V2: final footer / brief CTA collision fix --- */
@media (max-width:767px){
  .kk-final-footer.footer{position:relative!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:78px 18px 24px!important;overflow:hidden!important;background:#090909!important;color:#fff!important}
  .kk-final-footer .kk-footer-head{position:relative!important;z-index:2!important;display:grid!important;gap:18px!important;align-items:flex-start!important}
  .kk-final-footer .kk-footer-head > small{display:block!important;color:rgba(255,255,255,.58)!important}
  .kk-final-footer .kk-footer-head h2{position:relative!important;z-index:2!important;max-width:6ch!important;margin:0!important;font:800 clamp(58px,19vw,86px)/.82 var(--sans)!important;letter-spacing:-.08em!important;color:#fff!important}
  .kk-final-footer .kk-footer-head h2 em{display:block!important;color:var(--accent)!important;font-style:italic!important;font-family:var(--serif)!important;font-weight:400!important}
  .kk-final-footer .kk-footer-brief{position:static!important;z-index:3!important;transform:none!important;display:inline-flex!important;align-items:center!important;gap:12px!important;align-self:flex-start!important;min-height:50px!important;padding:0 16px!important;border-radius:999px!important;background:#f1efe8!important;color:#090909!important;border:1px solid rgba(255,255,255,.14)!important}
  .kk-final-footer .kk-footer-brief span{font:700 10px/1 var(--mono)!important;letter-spacing:.07em!important}
  .kk-final-footer .kk-footer-brief i{font-style:normal!important;color:var(--accent)!important}
  .kk-final-footer .kk-footer-word{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:1!important;display:grid!important;gap:0!important;margin:18px 0 0!important;pointer-events:none!important;opacity:.08!important;transform:none!important}
  .kk-final-footer .kk-footer-word span,.kk-final-footer .kk-footer-word strong{display:block!important;font:900 clamp(86px,30vw,128px)/.76 var(--sans)!important;letter-spacing:-.1em!important;color:#fff!important}
  .kk-final-footer .kk-footer-word strong{color:var(--accent)!important}
  .kk-final-footer .kk-footer-bottom{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:-10px!important;padding-top:24px!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .kk-final-footer .kk-footer-brand,.kk-final-footer .kk-footer-contact,.kk-final-footer .kk-footer-place,.kk-final-footer .kk-footer-social{display:grid!important;gap:6px!important}
  .kk-final-footer .kk-footer-brand img{width:136px!important;height:auto!important}
  .kk-final-footer .kk-footer-bottom a,.kk-final-footer .kk-footer-bottom span{color:rgba(255,255,255,.78)!important}
  .kk-final-footer .kk-footer-micro{position:relative!important;z-index:2!important;display:grid!important;gap:6px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.5)!important}
}

.kk-mobile-projects{display:none}@media(max-width:767px){:root{--kkmpp-black:#090909;--kkmpp-paper:#f1efe8;--kkmpp-red:#b72424;--kkmpp-line:rgba(9,9,9,.16)}body.projects-v17{background:var(--kkmpp-paper)!important;color:var(--kkmpp-black)!important;overflow-x:hidden!important}body.projects-v17>.header,body.projects-v17>#site-menu,body.projects-v17>main,body.projects-v17>.footer,body.projects-v17>.pointer-lens,body.projects-v17>.noise,body.projects-v17>.progress,body.projects-v17>.cursor-dot,body.projects-v17>.cursor-circle,body.projects-v17>.kk-edge-dock{display:none!important}.kk-mobile-projects{display:block!important;min-height:100svh;background:var(--kkmpp-paper);font-family:var(--sans,Arial,sans-serif)}.kkmpp-header{position:sticky;top:0;z-index:80;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,9,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.kkmpp-header img{width:130px;height:38px;object-fit:contain;filter:brightness(0) invert(1)}.kkmpp-header a:last-child{color:#fff;text-decoration:none;font:700 8px/1 var(--mono,monospace);letter-spacing:.07em}.kkmpp-hero{padding:50px 18px 46px;background:#090909;color:#fff}.kkmpp-hero small{font:700 9px/1 var(--mono);letter-spacing:.1em;color:var(--kkmpp-red)}.kkmpp-hero h1{margin:16px 0 18px;font:800 clamp(43px,13.5vw,70px)/.84 var(--sans);letter-spacing:-.07em}.kkmpp-hero h1 em{font-style:normal;color:var(--kkmpp-red)}.kkmpp-hero p{max-width:32ch;margin:0;font:500 15px/1.5 var(--sans);color:rgba(255,255,255,.64)}.kkmpp-filters{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:70;display:flex;gap:6px;overflow-x:auto;padding:9px 18px;background:rgba(241,239,232,.96);border-bottom:1px solid var(--kkmpp-line);scrollbar-width:none;backdrop-filter:blur(12px)}.kkmpp-filters::-webkit-scrollbar{display:none}.kkmpp-filters button{flex:none;min-height:44px;padding:0 13px;border:1px solid var(--kkmpp-line);background:transparent;color:#090909;font:700 8px/1 var(--mono);letter-spacing:.07em}.kkmpp-filters button.active{background:#090909;color:#fff;border-color:#090909}.kkmpp-grid{padding:24px 18px 64px;display:grid;gap:22px}.kkmpp-card{display:block;color:#090909;text-decoration:none}.kkmpp-card[hidden]{display:none!important}.kkmpp-card>div{aspect-ratio:4/5;overflow:hidden;background:#ddd}.kkmpp-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.03)}.kkmpp-card small{display:block;margin-top:11px;font:700 8px/1 var(--mono);letter-spacing:.08em;color:var(--kkmpp-red)}.kkmpp-card strong{display:block;margin-top:5px;font:760 22px/1 var(--sans);letter-spacing:-.045em}.kkmpp-card span{display:block;margin-top:8px;font:700 9px/1 var(--mono);letter-spacing:.07em}.kkmpp-cta{padding:58px 18px;background:#090909;color:#fff}.kkmpp-cta small{font:700 9px/1 var(--mono);color:var(--kkmpp-red);letter-spacing:.08em}.kkmpp-cta h2{margin:12px 0 22px;font:760 38px/.94 var(--sans);letter-spacing:-.055em}.kkmpp-cta a{display:flex;min-height:54px;align-items:center;justify-content:center;background:var(--kkmpp-red);color:#fff;text-decoration:none;font:700 10px/1 var(--mono);letter-spacing:.08em}.kkmpp-footer{padding:25px 18px calc(25px + env(safe-area-inset-bottom));background:#090909;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.14);font:700 8px/1.4 var(--mono);letter-spacing:.07em}}@media(max-width:340px){.kkmpp-grid,.kkmpp-hero{padding-left:14px;padding-right:14px}}@media (max-width:767px){.kk-cookie-info{position:fixed;z-index:1700;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));padding:14px;border:1px solid rgba(255,255,255,.16);background:#0d0d0d;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28)}.kk-cookie-info[hidden]{display:none!important}.kk-cookie-info b{display:block;margin-bottom:6px;font:750 13px/1.2 var(--sans)}.kk-cookie-info p{margin:0;font:500 10px/1.5 var(--sans);color:rgba(255,255,255,.68)}.kk-cookie-info-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.kk-cookie-info button,.kk-cookie-info a{min-height:44px;border:1px solid rgba(255,255,255,.24);padding:0 12px;background:transparent;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font:700 8px/1 var(--mono);letter-spacing:.06em}.kk-cookie-info button{background:var(--kkm-red);border-color:var(--kkm-red);flex:1}}

@media (max-width:767px){
  .kkmpp-vitrine,.kkmpp-igpromo{margin:18px 0 0;padding:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#131313 0%,#0b0b0b 100%);color:#f4f0e8}
  .kkmpp-vitrine small,.kkmpp-igpromo small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d93832}
  .kkmpp-vitrine h2,.kkmpp-igpromo h2{margin:10px 0 8px;font-size:32px;line-height:.98;color:#fff}
  .kkmpp-vitrine p,.kkmpp-igpromo p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}
  .kkmpp-vitrine-grid{display:grid;gap:14px;margin-top:18px}
  .kkmpp-vitrine-card{display:block;color:#fff;text-decoration:none;background:#151515;border:1px solid rgba(255,255,255,.06);overflow:hidden}
  .kkmpp-vitrine-card figure{margin:0;aspect-ratio:4/5;overflow:hidden}
  .kkmpp-vitrine-card img{width:100%;height:100%;object-fit:cover;display:block}
  .kkmpp-vitrine-card div{padding:14px 14px 16px;display:grid;gap:8px}
  .kkmpp-vitrine-card div small{color:#d93832}
  .kkmpp-vitrine-card strong{font-size:21px;line-height:1.14}
  .kkmpp-vitrine-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .kkmpp-vitrine-actions a,.kkmpp-igcta{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
  .kkmpp-igpromo{display:grid;gap:16px;margin-top:22px}
}


/* KARAKADRAJ LOCAL SEO V1 — additive only, no existing layout overrides */
.kk-seo-local{position:relative;padding:72px clamp(18px,4vw,60px);background:#f1efe8;color:#090909;border-top:1px solid rgba(9,9,9,.15);font-family:var(--sans,"Manrope",sans-serif)}.kk-seo-local h2{max-width:13ch;margin:12px 0 18px;font:800 clamp(32px,4vw,58px)/.94 var(--sans,"Manrope",sans-serif);letter-spacing:-.055em}.kk-seo-local p{max-width:72ch;margin:0 0 14px;font:500 15px/1.7 var(--sans,"Manrope",sans-serif);color:rgba(9,9,9,.72)}
@media(max-width:767px){.kk-seo-local{padding:54px 18px}}

/* 2026-10-07: native vertical scrolling on mobile and desktop. */
html{scroll-snap-type:none!important;scroll-behavior:auto!important}
body,main{scroll-snap-type:none!important;overscroll-behavior-y:auto!important}
.hero,#services,#work,#industries,#journal,#teklif,#contact,#studio,footer.footer,[data-editorial-screen],[data-sv-screen],.webx-section,.corp-section,.hotel-section,.kk-editorial-screen,.sv-screen,.corp-screen,.hotel-screen,.lp-screen{scroll-snap-align:none!important;scroll-snap-stop:normal!important}

/* 2026-10-08: Content flow and shared final-screen layout. */
body.webx-page #main-content>section.webx-section{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;max-height:none!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important}body.webx-page .webx-snap-marker,body.webx-page .kk-next-screen{display:none!important}body.webx-page .webx-solutions-grid,body.webx-page .webx-tech-grid,body.webx-page .webx-review-grid{height:auto!important;min-height:0!important;max-height:none!important}body.webx-page .webx-purpose-item{height:auto!important;min-height:110px!important;padding-top:18px!important;padding-bottom:18px!important}body.webx-page .webx-console-row{height:auto!important;min-height:96px!important;padding-top:18px!important;padding-bottom:18px!important}body.webx-page .webx-investment-sticky{height:720px!important;min-height:0!important;max-height:none!important}body.webx-page .webx-device-stage{height:600px!important;min-height:0!important}body.webx-page .webx-extreme-stage{height:600px!important;min-height:0!important}body.webx-page .webx-solution-canvas{min-height:500px!important}body.webx-page .webx-split-stage{height:432px!important}body.webx-page .webx-browser-wrap{min-height:480px!important}body.webx-page .webx-device-phone{height:500px!important}
footer.footer.kk-final-footer#global-footer{position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;padding:72px var(--pad) 32px!important;overflow:hidden!important;display:block!important;scroll-snap-align:none!important}#global-footer.kk-final-footer .kk-footer-head{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:0!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-head h2{position:relative!important;inset:auto!important;font-size:clamp(52px,7vw,100px)!important;line-height:.95!important;margin:0!important;transform:none!important;max-width:none!important}#global-footer.kk-final-footer .kk-footer-brief{position:relative!important;inset:auto!important;transform:none!important;width:fit-content!important;height:auto!important;min-height:56px!important;aspect-ratio:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;padding:16px 24px!important;border-radius:0!important;background:var(--accent)!important;color:#fff!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-brief span,#global-footer.kk-final-footer .kk-footer-brief i{position:static!important;inset:auto!important;transform:none!important;color:inherit!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-brief span{font:12px var(--mono)!important}#global-footer.kk-final-footer .kk-footer-brief i{font-size:24px!important}#global-footer.kk-final-footer .kk-footer-brief::before,#global-footer.kk-final-footer .kk-footer-brief::after{display:none!important}#global-footer.kk-final-footer .kk-footer-word{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:0 24px!important;transform:none!important;margin:32px 0!important;height:auto!important;font-size:clamp(60px,12vw,160px)!important;line-height:.95!important;opacity:.16!important;animation:none!important}#global-footer.kk-final-footer .kk-footer-word span,#global-footer.kk-final-footer .kk-footer-word strong{position:static!important;inset:auto!important;font-size:inherit!important;line-height:inherit!important;transform:none!important;letter-spacing:-.065em!important}#global-footer.kk-final-footer .kk-footer-bottom{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;margin:24px 0 0!important;padding:24px 0!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-bottom>div{position:relative!important;inset:auto!important;min-width:0!important;width:auto!important;transform:none!important}#global-footer.kk-final-footer .kk-footer-bottom a{overflow-wrap:anywhere!important}#global-footer.kk-final-footer .kk-footer-brand img{width:150px!important;height:auto!important}#global-footer.kk-final-footer .kk-footer-micro{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:12px 24px!important;margin:0!important;padding:20px 0 0!important;height:auto!important}
section.kk-seo-local{padding:16px var(--pad)!important}section.kk-seo-local>details>summary{padding:12px 0;font:12px var(--mono);cursor:pointer}section.kk-seo-local>details[open]>.kk-seo-local__inner{padding:24px 0!important}
@media(max-width:1000px){body.webx-page .webx-investment-sticky{height:640px!important}body.webx-page .webx-device-stage{height:440px!important}body.webx-page .webx-extreme-stage{height:580px!important}body.webx-page .webx-solution-canvas{min-height:380px!important}body.webx-page .webx-split-stage{height:auto!important}body.webx-page .webx-browser-wrap{min-height:340px!important}body.webx-page .webx-device-phone{height:330px!important}#global-footer.kk-final-footer .kk-footer-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}#global-footer.kk-final-footer .kk-footer-brand{grid-column:1 / -1!important}#global-footer.kk-final-footer .kk-footer-head h2{font-size:64px!important}#global-footer.kk-final-footer .kk-footer-word{font-size:clamp(60px,19vw,100px)!important}}

body.webx-page .kk-scroll-cue-lite{display:none!important}

#global-footer.kk-final-footer::before,#global-footer.kk-final-footer::after{display:none!important}
#global-footer.kk-final-footer .kk-footer-head>*{grid-area:auto!important;justify-self:start!important}
#global-footer.kk-final-footer .kk-footer-brief{flex-direction:row!important;box-shadow:none!important;margin:0!important;overflow:visible!important}
#global-footer.kk-final-footer .kk-footer-brief span{width:auto!important;white-space:nowrap!important}
#global-footer.kk-final-footer .kk-footer-word{white-space:normal!important;color:#f1efe8!important;text-indent:0!important;justify-content:flex-start!important}
#global-footer.kk-final-footer .kk-footer-word span,#global-footer.kk-final-footer .kk-footer-word strong{-webkit-text-fill-color:currentColor!important;color:inherit!important}
@media(max-width:1000px){footer.footer.kk-final-footer#global-footer{padding-bottom:90px!important}}

@media(min-width:1001px){footer.footer.kk-final-footer#global-footer{padding-left:max(var(--pad),80px)!important;padding-right:max(var(--pad),80px)!important}}


.p-card figure,.kkmpp-card>div,.kkmpp-vitrine-card figure{position:relative}
body.projects-v17 .kk-cover-note{position:absolute;left:6px;right:6px;bottom:6px;z-index:1;margin:0;padding:5px 6px;background:rgba(9,9,9,.88);color:#fff;font:500 11px/1.35 var(--sans);letter-spacing:0;text-transform:none}
body.projects-v17 .kk-project-kind{position:absolute;left:6px;top:6px;right:22px;z-index:1;margin:0;padding:5px 6px;background:#f1efe8;color:#090909;font:600 11px/1.35 var(--sans);letter-spacing:0;text-transform:none}

.kk-video-mark{position:absolute;bottom:10px;right:10px;padding:8px 10px;background:#090909;color:#fff;font:600 9px/1.2 var(--mono,monospace);letter-spacing:.06em;z-index:2}
.kkmpp-card .kk-video-mark{margin:0;color:#fff;font-size:9px}.kkmpp-card>div,.p-card figure{position:relative}
.kkmpp-card small{line-height:1.5}.kkmpp-card strong{line-height:1.15}
.kk-work-dialog{position:fixed;inset:0;margin:auto!important;width:min(1020px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:54px 24px 24px;border:1px solid #5d5b55;background:#f1efe8;color:#090909;overflow:auto;box-sizing:border-box;overscroll-behavior:contain}
.kk-work-dialog::backdrop{background:rgba(0,0,0,.82)}.kk-work-dialog:not([open]){display:none}
.kk-work-close{position:absolute;top:12px;right:16px;min-height:36px;padding:0 12px;background:#090909;color:#fff;border:0;font:600 11px var(--mono,monospace);cursor:pointer}
.kk-work-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.kk-work-layout figure{margin:0;background:#e4e0d8}.kk-work-layout img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}
.kk-work-copy small{font:600 11px var(--mono,monospace);color:#a01d1d}.kk-work-copy h2{font:750 clamp(28px,4vw,50px)/1.05 var(--sans,Arial,sans-serif);letter-spacing:-.04em;margin:14px 0 18px;overflow-wrap:anywhere}
.kk-work-copy p{font:400 15px/1.6 var(--sans,Arial,sans-serif);color:#302e2b;margin:14px 0}.kk-work-copy .kk-work-services{font-size:12px}.kk-work-copy .kk-work-credit{font-size:11px;color:#5b554d}.kk-work-links{display:grid;gap:10px;margin-top:24px}.kk-work-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border:1px solid #090909;color:#090909;font:600 10px/1.5 var(--mono,monospace);text-decoration:none;text-align:center}.kk-work-links a:last-child{background:#090909;color:#fff}.kk-work-links a[hidden]{display:none!important}
.kk-portfolio-pager{position:absolute;left:29%;right:var(--pad);bottom:5%;display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 10px var(--mono,monospace)}.kk-portfolio-pager button{border:1px solid currentColor;background:transparent;color:inherit;min-height:38px;padding:0 14px;font:inherit;cursor:pointer}.kk-portfolio-pager button:disabled{opacity:.35;cursor:default}.kk-portfolio-pager[hidden]{display:none!important}
.pj-cards[data-portfolio-pages]{overflow-y:auto;grid-auto-rows:100%}.pj-cards[data-portfolio-pages].kk-paged{overflow:visible;grid-auto-rows:auto}.pj-cards .p-card[hidden]{display:none!important}
.pj-cards .p-card-meta>strong{font-size:clamp(14px,1.25vw,20px);line-height:1.1}.pj-cards .p-card-meta p{font-size:clamp(11px,.83vw,13px);line-height:1.45;color:#47423c}.is-dark .pj-cards .p-card-meta p{color:#b8b4ad}.pj-cards .p-card-meta>span{font-size:9px}.pj-cards .p-card-meta b{font-size:8px}.pj-cards .p-card-meta div{gap:4px}.pj-cards .p-card-meta{padding:12px}
.kk-web-service{display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);padding:5vw}.kk-web-service h3{font:700 clamp(34px,4vw,68px)/1 var(--sans);letter-spacing:-.05em;margin:16px 0}.kk-web-service p{font:400 15px/1.6 var(--sans)}.kk-web-service small{font:600 11px var(--mono);color:#b72424}.kk-web-service a{display:inline-flex;min-height:48px;align-items:center;padding:0 18px;border:1px solid currentColor;color:inherit;text-decoration:none;font:600 11px var(--mono)}
@media(min-width:768px) and (max-width:1000px){.kk-portfolio-pager{left:14px;right:14px;bottom:2%}.pj-cards .p-card-meta>strong{font-size:13px}.pj-cards .p-card-meta{padding:7px}.pj-cards .p-card-meta p,.pj-cards .p-card-meta div{display:none}}
@media(max-width:767px){.kk-work-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:54px 16px 20px}.kk-work-layout{grid-template-columns:1fr;gap:20px}.kk-work-layout img{max-height:48dvh}.kk-work-copy h2{font-size:30px;margin:10px 0 14px}.kk-work-copy p{font-size:14px}.kk-work-links{margin-top:18px}.kkmpp-vitrine-actions a{font-size:10px;letter-spacing:.04em}.kkmpp-filters{scroll-margin-top:70px}#kk-all-references{scroll-margin-top:125px}.kkmpp-vitrine-card img{object-fit:contain;background:#111}.kkmpp-card img{object-fit:contain;background:#111}}
@media(prefers-reduced-motion:reduce){.kk-work-dialog *{scroll-behavior:auto!important}}.kk-work-links #kkWorkQuote{background:#183b33;color:#fff;padding:14px 16px;min-height:44px}.kk-work-links a:focus-visible{outline:3px solid #07876b;outline-offset:4px}
html{overflow-x:clip}.footer .copyright{color:#605c55}.kk-final-footer .kk-footer-bottom a{display:inline-flex;align-items:center;min-height:28px}.hero-dot{width:26px!important;height:26px!important;border:0!important;background:transparent!important;position:relative}.hero-dot::after{content:'';position:absolute;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;inset:0;margin:auto}.hero-dot.active::after{background:currentColor}.v17-screen-rail button{min-height:26px!important;min-width:26px!important}@media(max-width:767px){main > section#studio > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#yaklasim > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#yaklasim > div.ka-approach-copy > p{color:#514d47!important;opacity:1!important}main > section#sistem > div.ka-code > span{color:#d0cbc2!important;opacity:1!important}main > section#sistem > div.ka-system-copy > small{color:#ff9c94!important;opacity:1!important}section#sistem > div.ka-machine > button > b{color:#ff9c94!important;opacity:1!important}section#sistem > div.ka-machine > div.ka-machine-read > small{color:#514d47!important;opacity:1!important}section#sistem > div.ka-machine > div.ka-machine-read > p{color:#fff!important;opacity:1!important}main > section#bodrum > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#manifesto > div.ka-code > span{color:#d0cbc2!important;opacity:1!important}main > section#manifesto > div.ka-nope-final > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-contact > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-place > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-social > small{color:#ff9c94!important;opacity:1!important}body.projects-v17 > div#kkMobileProjectsPage > section.kkmpp-hero > small{color:#ff9c94!important;opacity:1!important}div.kkmpp-vitrine-grid > a.kkmpp-vitrine-card > div > small{color:#ff9c94!important;opacity:1!important}body.projects-v17 > div#kkMobileProjectsPage > section.kkmpp-cta > small{color:#ff9c94!important;opacity:1!important}}@media(min-width:768px){main > section#studio > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#yaklasim > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#yaklasim > div.ka-approach-copy > p{color:#514d47!important;opacity:1!important}main > section#sistem > div.ka-code > span{color:#d0cbc2!important;opacity:1!important}main > section#sistem > div.ka-system-copy > small{color:#ff9c94!important;opacity:1!important}section#sistem > div.ka-machine > button > b{color:#ff9c94!important;opacity:1!important}section#sistem > div.ka-machine > div.ka-machine-read > p{color:#fff!important;opacity:1!important}main > section#bodrum > div.ka-code > span{color:#514d47!important;opacity:1!important}main > section#manifesto > div.ka-code > span{color:#d0cbc2!important;opacity:1!important}main > section#manifesto > div.ka-nope-final > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-contact > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-place > small{color:#ff9c94!important;opacity:1!important}footer#global-footer > div.kk-footer-bottom > div.kk-footer-social > small{color:#ff9c94!important;opacity:1!important}section#paketler > div.lp-package-grid > button.lp-package-card > div.lp-card-tag{color:#ff9c94!important;opacity:1!important}section#top > div.pj-index > a > b{color:#ff9c94!important;opacity:1!important}section#top > div.pj-index > a > span{color:#d0cbc2!important;opacity:1!important}body.projects-v17 > main > section#p-fotograf > div.pj-code{color:#ff9c94!important;opacity:1!important}main > section#p-fotograf > div.pj-side > small{color:#ff9c94!important;opacity:1!important}div.pj-cards > a.p-card > div.p-card-meta > span{color:#ff9c94!important;opacity:1!important}body.projects-v17 > main > section#p-web > div.pj-code{color:#ff9c94!important;opacity:1!important}main > section#p-web > div.pj-code > span{color:#d0cbc2!important;opacity:1!important}main > section#p-web > div.pj-side > small{color:#ff9c94!important;opacity:1!important}section#p-web > div.pj-cards > div > small{color:#ff9c94!important;opacity:1!important}body.projects-v17 > main > section#p-drone > div.pj-code{color:#ff9c94!important;opacity:1!important}main > section#p-drone > div.pj-code > span{color:#d0cbc2!important;opacity:1!important}main > section#p-drone > div.pj-side > small{color:#ff9c94!important;opacity:1!important}body.projects-v17 > main > section#p-ai > div.pj-code{color:#ff9c94!important;opacity:1!important}main > section#p-ai > div.pj-code > span{color:#d0cbc2!important;opacity:1!important}main > section#p-ai > div.pj-side > small{color:#ff9c94!important;opacity:1!important}body.projects-v17 > footer#global-footer > div.kk-footer-head > small{color:#ff9c94!important;opacity:1!important}}@media(max-width:767px){body #kkMobilePackages button[data-mobile-package="ritim"] .kkmp-meta>b{color:#fff!important}body #kkMobilePackages button[data-mobile-package="ritim"] .kkmp-price>small,body #kkMobilePackages button[data-mobile-package="ritim"] .kkmp-price>i{color:#d0cbc2!important}}@media(max-width:767px){body #kkMobilePackages button[data-mobile-package="ritim"] .kkmp-meta{opacity:1!important}}@media(min-width:768px){body .v17-screen-rail{right:76px!important}section#paketler .lp-package-card:not(.dark)>.lp-card-tag{color:#982020!important}section#top .pj-index>a:hover>b{color:#982020!important}section#top .pj-index>a:hover>span{color:#514d47!important}body.projects-v17 main .pj-screen.is-light .pj-code>span,body.projects-v17 main .pj-screen.is-light .p-card-meta>span{color:#514d47!important;opacity:1!important}body.projects-v17 main .pj-screen:not(.is-light) .pj-code>span{color:#d0cbc2!important;opacity:1!important}}body.webx-page section#design-code .webx-split-stage .webx-code-side>.webx-split-label{color:#d0cbc2!important}body footer#global-footer .kk-footer-head>small{color:#ff9c94!important}