@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--kyl-stone-white:#fafaf7;--kyl-charcoal:#242724;--kyl-forest:#405447;--kyl-timber:#79634e;--kyl-mineral:#d7dbd3;--kyl-font-family:"Manrope", Arial, sans-serif;--kyl-font-weight-regular:400;--kyl-font-weight-medium:500;--kyl-font-weight-semibold:600;--kyl-space-1:4px;--kyl-space-2:8px;--kyl-space-3:12px;--kyl-space-4:16px;--kyl-space-5:24px;--kyl-space-6:32px;--kyl-space-7:48px;--kyl-space-8:64px}.kyl-surface{background:var(--kyl-stone-white);color:var(--kyl-charcoal)}.kyl-surface--forest{background:var(--kyl-forest);color:var(--kyl-stone-white)}.kyl-wordmark,.kyl-lockup{max-width:100%;height:auto;display:block}
:root{--stone:var(--kyl-stone-white);--ink:var(--kyl-charcoal);--forest:var(--kyl-forest);--timber:var(--kyl-timber);--mineral:var(--kyl-mineral);--muted:#60665f;--line:#d9ddd6;--surface:#e9ede6;--ease-out:cubic-bezier(.2, .7, .1, 1);--ease-curtain:cubic-bezier(.7, 0, .2, 1);--header-height:88px;--section-space:clamp(72px, 10vw, 136px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--stone);color:var(--ink);margin:0;font-family:Manrope Variable,Arial,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}::selection{color:var(--stone);background:var(--forest)}:focus-visible{outline:3px solid var(--forest);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;font-weight:400;line-height:1.15}p,li,dd{text-wrap:pretty}h1{font-size:clamp(2.7rem,6.2vw,6rem)}h2{font-size:clamp(2rem,3.4vw,3.3rem)}h3{font-size:1.45rem}p{max-width:65ch}.page-width{width:min(1280px,100% - 112px);margin-inline:auto}.skip-link{background:var(--stone);z-index:100;padding:10px 20px;position:fixed;top:10px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:40;min-height:var(--header-height);background:var(--stone);transition:transform .4s var(--ease-out), min-height .3s var(--ease-out), border-color .3s;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:32px;padding:0 56px;display:flex;position:sticky;top:0}.site-header[data-scrolled=true]{--header-height:72px;border-color:var(--line)}.site-header[data-hidden=true]{transform:translateY(-100%)}.brand-link{align-items:center;gap:24px;display:flex}.brand-wordmark{object-fit:contain;width:120px;height:47px;transition:width .3s var(--ease-out), height .3s var(--ease-out)}.site-header[data-scrolled=true] .brand-wordmark{width:100px;height:39px}.brand-link span{border-left:1px solid var(--line);padding-left:24px;font-size:13px;font-weight:500}.header-actions{align-items:center;gap:40px;display:flex}.desktop-navigation{gap:32px;font-size:15px;display:flex}.desktop-navigation a{border-bottom:1px solid #0000;padding:10px 0;transition:border-color .2s}.desktop-navigation a:hover,.desktop-navigation a[aria-current]{border-color:var(--ink)}.header-cta{min-height:46px;padding:10px 22px}.menu-button{min-height:44px;color:var(--ink);background:0 0;border:0;align-items:center;gap:14px;padding:10px 0 10px 12px;font-size:15px;display:none}.menu-symbol{gap:5px;width:22px;display:grid}.menu-symbol i{height:1px;transition:transform .3s var(--ease-out);background:currentColor;display:block}.menu-symbol.is-open i:first-child{transform:translateY(3px)rotate(45deg)}.menu-symbol.is-open i:last-child{transform:translateY(-3px)rotate(-45deg)}.mobile-navigation{height:calc(100dvh - var(--header-height));overscroll-behavior:contain;background:var(--stone);border-top:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .25s, transform .4s var(--ease-out), visibility 0s linear .4s;flex-direction:column;justify-content:space-between;gap:40px;padding:28px 20px 32px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-10px)}.mobile-navigation[data-open=true]{opacity:1;visibility:visible;transition:opacity .25s, transform .4s var(--ease-out);transform:none}.mobile-navigation nav{display:grid}.mobile-navigation nav a{letter-spacing:-.035em;opacity:0;transition:opacity .4s, transform .5s var(--ease-out);padding:8px 0;font-size:clamp(30px,8.5vw,42px);line-height:1.2;display:block;transform:translateY(14px)}.mobile-navigation[data-open=true] nav a{opacity:1;transition-delay:calc(var(--item-index,0) * 45ms + 60ms);transform:none}.mobile-navigation nav a[aria-current]{color:var(--forest)}.mobile-navigation-contact{border-top:1px solid var(--line);gap:6px;padding-top:22px;font-size:16px;display:grid}.mobile-navigation-contact a{padding:6px 0}.mobile-navigation-contact p{color:var(--muted);margin-top:10px;font-size:14px}.hero{color:#fff;isolation:isolate;height:calc(100svh - 112px);min-height:670px;max-height:850px;margin:0 24px;position:relative;overflow:hidden}.hero-image,.hero-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-image{object-position:center 54%}.hero-shade{z-index:-1;background:linear-gradient(#16211924 0%,#16211900 25%,#17261e60 48%,#17261ed4 100%)}.hero-topline{justify-content:space-between;padding:36px 40px;font-size:15px;display:flex}.hero-content{position:absolute;bottom:90px;left:48px;right:48px}.hero-content h1{max-width:1000px}.hero-bottom{justify-content:space-between;align-items:end;gap:24px;margin-top:32px;display:flex}.hero-bottom p{font-size:16px;line-height:1.6}.image-note{color:#e5e9e2;font-size:13px;position:absolute;bottom:24px;right:40px}.button{border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:52px;padding:13px 28px;font-size:15px;font-weight:600;line-height:1.5;transition:background .2s,color .2s;display:inline-flex}.button-light{background:var(--stone);color:var(--ink)}.button-light:hover{background:var(--mineral)}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:var(--ink)}.button-outline{border-color:var(--line);background:0 0}.button-outline:hover{border-color:var(--forest)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:15px;font-weight:500;display:inline-block}.section-kicker{color:var(--muted);margin-bottom:26px;font-size:15px;display:block}.intro-section{padding-block:110px 100px}.intro-grid{grid-template-columns:1.15fr 1fr;gap:100px;display:grid}.intro-grid p+p{margin-top:20px}.intro-grid .text-link{margin-top:28px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:40px;display:flex}.services-section{padding-bottom:100px}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 40px;align-items:center;gap:28px;padding:35px 0;display:grid}.service-row h3{font-size:26px}.service-row p{color:var(--muted);font-size:15px}.round-plus{border:1px solid var(--line);border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-weight:400;transition:background .2s;display:grid}.service-row:hover .round-plus{background:var(--forest);color:#fff;border-color:var(--forest)}.concept-section{padding-bottom:110px}.concept-home-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:40px;display:grid}.concept-home-grid .concept-card:last-child{padding-top:100px}.image-frame{overflow:hidden}.image-frame img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .5s}.concept-card:hover img{transform:scale(1.02)}.concept-caption{justify-content:space-between;align-items:baseline;gap:12px;padding-top:20px;display:flex}.concept-caption h3{font-size:21px}.concept-caption span{color:var(--muted);font-size:13px}.concept-disclosure{color:var(--muted);margin-top:34px;font-size:13px}.process-section{background:#e9ede6;padding:90px 0}.process-layout{grid-template-columns:1fr 1fr;gap:120px;display:grid}.process-layout>div>p{color:var(--muted);max-width:30ch;margin-top:30px}.process-list{margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid #cbd2c8;gap:24px;padding-block:26px;display:flex}.process-list li:first-child{padding-top:0}.step-number{color:var(--forest);padding-top:4px;font-size:13px}.process-list p{color:var(--muted);margin-top:12px;font-size:15px}.contact-invitation{grid-template-columns:1fr 1fr;gap:120px;width:min(1280px,100% - 112px);margin:0 auto;padding:110px 0;display:grid}.contact-invitation p{margin-bottom:25px}.site-footer{background:var(--ink);color:var(--stone);padding:65px 56px 26px}.footer-top{grid-template-columns:1fr 1.4fr .6fr;gap:64px;padding-bottom:70px;display:grid}.footer-top p{color:#bcc3b9;margin-top:22px;font-size:13px}.footer-statement{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.1}.footer-top nav{align-content:start;gap:12px;font-size:15px;display:grid}.footer-top a:hover,.footer-bottom a:hover{text-underline-offset:5px;text-decoration:underline}.footer-bottom{color:#bcc3b9;border-top:1px solid #50554f;justify-content:space-between;gap:24px;padding-top:24px;font-size:13px;display:flex}.footer-bottom>div{gap:26px;display:flex}.page-intro{padding-block:75px 65px}.page-intro h1{max-width:1050px}.page-intro p{max-width:58ch;color:var(--muted);margin-top:28px;font-size:18px}.breadcrumb{color:var(--muted);gap:14px;margin-bottom:40px;font-size:13px;display:flex}.breadcrumb a:hover{text-decoration:underline}.wide-image{margin:0 24px;position:relative}.wide-image img{aspect-ratio:2;object-fit:cover;width:100%;max-height:680px}.wide-image figcaption{color:var(--muted);margin-top:12px;font-size:13px}.detail-grid{grid-template-columns:1.2fr 1fr;gap:100px;padding-block:80px;display:grid}.detail-grid p{margin-top:28px}.scope-list{margin:0;padding:0;list-style:none}.scope-list li{border-bottom:1px solid var(--line);padding:18px 0}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;display:flex}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-button{color:var(--ink);border:1px solid var(--line);background:0 0;padding:10px 20px;font-size:15px}.filter-button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.portfolio-count{color:var(--muted);font-size:13px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:50px 36px;display:grid}.portfolio-grid .concept-card:first-child{grid-column:1/-1}.portfolio-grid .concept-card:first-child .image-frame img{aspect-ratio:2.1}.portfolio-section{padding-bottom:80px}.material-tags{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.material-tags span{background:#e9ede6;padding:9px 16px;font-size:13px}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:100px;display:grid}.contact-aside{background:#e9ede6;align-self:start;padding:35px}.contact-aside h2{font-size:28px}.contact-aside p{margin-top:20px;font-size:15px}.contact-aside ul{margin-block:25px;padding-left:20px;font-size:15px}.brief-form{gap:25px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field{gap:9px;font-size:15px;display:grid}.field input,.field textarea,.field select{background:var(--stone);color:var(--ink);border:1px solid #a9b1a5;border-radius:0;width:100%;min-height:50px;padding:13px 15px}.field textarea{resize:vertical;min-height:155px}.field small{color:var(--muted);font-size:13px}.form-footer{gap:15px;display:grid}.form-footer .button{justify-self:start}.form-hint{color:var(--muted);font-size:13px}.form-status{color:var(--forest);border-left:3px solid var(--forest);background:#e9ede6;padding:10px 18px;font-size:15px}.brand-hero{background:var(--forest);color:#fff;justify-content:space-between;align-items:center;gap:40px;padding:70px;display:flex}.brand-hero img{width:clamp(150px,30vw,340px);height:auto}.brand-hero p{max-width:30ch}.swatch-grid{grid-template-columns:repeat(5,1fr);gap:18px;margin-top:35px;display:grid}.swatch{aspect-ratio:1.2;border:1px solid #bcc3b9}.swatch-info{margin-top:12px;font-size:13px}.swatch-info code{font:inherit;color:var(--muted);display:block}.brand-section{border-bottom:1px solid var(--line);padding-block:70px}.brand-section h2{margin-bottom:25px}.type-sample{letter-spacing:-.035em;margin:30px 0;font-size:clamp(2rem,4vw,4rem)}.brand-downloads{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.legal-content{max-width:800px;padding-bottom:100px}.legal-content h2{margin:38px 0 15px;font-size:25px}.legal-content p{margin:16px 0}.not-found{min-height:55vh;padding-block:90px}.not-found p{margin:25px 0}@media (min-width:1600px){.hero-content{left:calc(50% - 640px);right:calc(50% - 640px)}}@media (max-width:1050px){.page-width,.contact-invitation{width:calc(100% - 64px)}.site-header{padding-inline:32px}.brand-link span{display:none}.header-actions{gap:28px}.desktop-navigation{gap:22px;font-size:14px}.header-cta{padding-inline:16px;font-size:14px}.intro-grid,.process-layout,.contact-invitation,.detail-grid{gap:55px}.contact-layout{gap:40px}.service-row h3{font-size:23px}.site-footer{padding-inline:32px}.footer-top{gap:32px}.hero-content h1{font-size:clamp(3rem,7vw,5rem)}}@media (max-width:720px){.page-width,.contact-invitation{width:calc(100% - 40px)}.site-header{padding-inline:20px}.hero{height:calc(100svh - 84px);min-height:600px;max-height:800px;margin:0 12px}.hero-topline{padding:22px 20px;font-size:13px}.hero-content{bottom:72px;left:22px;right:22px}.hero-content h1{max-width:600px;font-size:clamp(2.5rem,9.5vw,4rem)}.hero-bottom{flex-direction:column;align-items:start;gap:25px;margin-top:26px}.hero-bottom p{font-size:15px}.image-note{font-size:13px;bottom:22px;right:20px}.intro-section{padding-block:65px}.intro-grid,.process-layout,.contact-invitation,.detail-grid,.contact-layout{grid-template-columns:1fr;gap:32px}.intro-grid h2{max-width:20ch}.intro-grid p{font-size:16px}.section-kicker{margin-bottom:20px;font-size:13px}.section-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:30px}.services-section,.concept-section{padding-bottom:65px}.service-row{grid-template-columns:1fr 36px;gap:10px 20px;padding-block:26px}.service-row h3{font-size:22px}.service-row p{grid-area:2/1}.round-plus{grid-area:1/2/3;width:36px;height:36px}.concept-home-grid,.portfolio-grid{grid-template-columns:1fr;gap:35px}.concept-home-grid .concept-card:last-child{padding-top:0}.concept-caption{flex-wrap:wrap;gap:7px}.concept-caption h3{font-size:22px}.concept-caption span{font-size:13px}.process-section{padding-block:60px}.process-list{margin-top:15px}.process-layout>div>p{max-width:45ch;margin-top:22px}.contact-invitation{gap:25px;padding-block:65px}.footer-top{grid-template-columns:1fr 1fr;gap:40px;padding-bottom:45px}.footer-statement{font-size:38px}.footer-top nav{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:15px}.site-footer{padding:45px 20px 25px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom>span:last-child{width:100%}.page-intro{padding-block:45px}.page-intro p{font-size:16px}.breadcrumb{margin-bottom:25px}.wide-image{margin-inline:12px}.wide-image img{aspect-ratio:4/3}.detail-grid{padding-block:50px}.portfolio-toolbar{flex-direction:column;align-items:start}.portfolio-grid .concept-card:first-child .image-frame img{aspect-ratio:4/3}.filter-button{padding:9px 14px;font-size:15px}.form-grid{grid-template-columns:1fr;gap:25px}.contact-layout{padding-bottom:65px}.contact-aside{padding:25px}.brand-hero{flex-direction:column;align-items:start;padding:40px 25px}.brand-section{padding-block:50px}.swatch-grid{grid-template-columns:repeat(2,1fr);gap:22px}.brand-downloads{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.hero-title .hero-line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.hero-title .hero-line>span{animation:hero-line-rise 1.1s var(--ease-out) both;display:block}.hero-title .hero-line+.hero-line>span{animation-delay:.12s}.hero-image{animation:hero-image-settle 2.4s var(--ease-out) both}.hero-topline,.hero-bottom,.image-note{animation:1s .55s both hero-fade-in}@keyframes hero-line-rise{0%{transform:translateY(105%)}}@keyframes hero-image-settle{0%{transform:scale(1.07)}}@keyframes hero-fade-in{0%{opacity:0}}html [data-reveal-state]{transition:opacity .9s var(--ease-out) var(--reveal-delay,0s), transform .9s var(--ease-out) var(--reveal-delay,0s)}html [data-reveal-state=hidden]{opacity:0;transform:translateY(18px)}html [data-reveal=image][data-reveal-state]{clip-path:inset(0);transition:clip-path 1.25s var(--ease-curtain) var(--reveal-delay,0s)}html [data-reveal=image][data-reveal-state=hidden]{opacity:1;clip-path:inset(100% 0 0);transform:none}html [data-reveal=image] img{transition:transform 1.6s var(--ease-out) var(--reveal-delay,0s)}html [data-reveal=image][data-reveal-state=hidden] img{transform:scale(1.08)}@media (hover:none){.concept-card:hover img,.home-project-feature:hover img,.project-card:hover .project-card-media img,.project-film-poster:hover>img,.service-overview-card:hover .service-overview-card-media img{filter:none;transform:none}}.contact-invitation{border-top:1px solid var(--line);padding-block:var(--section-space)}.contact-invitation h2{max-width:14ch}.contact-invitation p{color:var(--muted)}.page-intro-split{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:end;gap:clamp(48px,9vw,140px);display:grid}.page-intro .page-intro-lead p{max-width:46ch;margin-top:0;font-size:18px}.page-intro .page-intro-lead p+p{margin-top:18px}.page-intro-split .page-intro-lead{padding-bottom:10px}.page-intro-stacked .page-intro-lead{margin-top:30px}@media (max-width:720px){body{font-size:16px}h1:not(.keep-breaks) br,h2:not(.keep-breaks) br{display:none}.page-intro-split{grid-template-columns:1fr;gap:28px}.page-intro .page-intro-lead p{font-size:16px}.page-intro-stacked .page-intro-lead{margin-top:22px}.footer-top nav a,.footer-bottom a,.footer-contact>a{padding-block:6px}.breadcrumb a{padding-block:10px}.text-link{padding-top:8px}}.breadcrumb{flex-wrap:wrap}.breadcrumb-item{gap:14px;display:inline-flex}.portfolio-grid .concept-caption h2{font-size:1.5rem}.language-switch{border:1px solid var(--line);letter-spacing:.02em;place-items:center;min-width:44px;min-height:40px;padding:6px 10px;font-size:14px;font-weight:600;transition:border-color .2s;display:inline-grid}.language-switch:hover{border-color:var(--ink)}.language-switch-mobile{justify-self:start;margin-top:8px}@media (max-width:820px){.header-actions{margin-left:auto}.header-actions .language-switch{min-height:36px}}.global-not-found{align-content:center;gap:72px;min-height:100svh;padding-block:64px;display:grid}.global-not-found-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.global-not-found-grid h2{font-size:inherit}.global-not-found-grid :is(h1,h2){font-size:clamp(2.2rem,4.5vw,4rem)}.global-not-found-grid p{color:var(--muted);margin:22px 0 28px}@media (max-width:720px){.global-not-found-grid{grid-template-columns:1fr;gap:48px}}
