/* Figma: 1920 → 1440 → 1024 → 320. One rem is a fixed pixel, never viewport-scaled. */
html{font-size:1px!important}
body{--body-size:17px;--body-line:22px;--title-size:76px;--display-size:38px;--display-line:44px;font-size:var(--body-size);line-height:var(--body-line)}
[data-type=body]{font-size:var(--body-size);letter-spacing:-.02em}
[data-type=display]{font-size:var(--display-size);line-height:var(--display-line);letter-spacing:-.02em}
[data-type=title]{font-size:var(--title-size);letter-spacing:-.02em}
[data-line-normal]{line-height:var(--body-line)}
.hero{height:auto;aspect-ratio:1920 / 592}.hero>[data-node-id='400:14119']{width:100%}
.case-section{grid-template-columns:19% calc(31% + 5px) minmax(0,1fr)}
.intro{margin-inline:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;align-items:start;height:auto;min-height:400px}
.intro>h1{position:relative;left:auto;top:auto;width:86%;grid-column:1;grid-row:1 / 3}
.intro>[data-node-id='400:14148']{position:relative;left:auto;top:auto;width:100%;grid-column:2;grid-row:1}
.intro>[data-node-id='400:14137']{position:relative;left:auto;top:auto;width:100%;grid-column:2;grid-row:2;margin-top:50px}
.project-meta>div{width:calc(50% - 5px)}
.case-section [data-width=half]{width:calc(50% - 5px)}
.case-section .section-content[data-width=half],.section-content [data-width=half]{width:100%}
.case-section [data-width=full]{width:100%}
.case-section>[data-node-id='400:14194']{width:calc(50% - 5px);height:auto}
.case-section>[data-node-id='400:14194']>[data-node-id='400:14195']{width:100%;height:auto;aspect-ratio:945 / 556}
[data-node-id='400:14212']{height:auto;aspect-ratio:1900 / 1050}
[data-node-id='400:14213']{width:100%;top:-3.94%}
[data-node-id='400:14214']{width:87%;height:auto;aspect-ratio:1653 / 994;top:13.24%;left:50%}
[data-node-id='400:14245'],[data-node-id='400:14251'],[data-node-id='400:14257'],[data-node-id='400:14262']{height:auto;aspect-ratio:1900 / 1050}
.contact-footer>[data-node-id='403:13360'],.contact-footer>[data-node-id='403:13361'],.contact-footer>[data-node-id='403:13362']{left:50%;transform:none;text-align:left;max-width:calc(50% - 10px);white-space:normal}
.mobile-menu,.mobile-navigation{display:none}
@media(min-width:1024px) and (max-width:1919px){
 body{--body-size:14px;--body-line:18px;--title-size:54px;--display-size:32px;--display-line:40px}
 .case-section{padding-top:16px}.intro{min-height:350px}.intro>h1{width:83%}.intro>[data-node-id='400:14148']{gap:67px}
 [data-gap=large]{gap:24px}#solution{min-height:0}.contact-footer{height:149px;margin-top:300px}
}
@media(min-width:1024px) and (max-width:1439px){
 body{--body-size:13px;--body-line:17px;--title-size:50px;--display-size:30px;--display-line:36px}
 .case-section{padding-top:10px}.intro{margin-top:101px;min-height:410px}.intro>h1{width:100%}.intro>[data-node-id='400:14148']{gap:24px}.intro>[data-node-id='400:14137']{margin-top:70px}
 .contact-footer p,.contact-footer a,.hero a{font-size:14px}.contact-footer>[data-node-id='403:13360']{top:17px}.contact-footer>[data-node-id='403:13362']{top:70px}
}
@media(max-width:1023px){
 body{--body-size:13px;--body-line:17px;--title-size:26px;--display-size:28px;--display-line:32px}
 .hero{height:33px;aspect-ratio:auto;overflow:visible;z-index:5}.hero>img{display:none}.hero>[data-node-id='400:14119']{padding:8px 6px;height:33px;border-bottom:1px solid #ddd}
 .hero a{color:#000;font-size:13px}.hero [data-node-id='400:14121']{display:none}.mobile-menu{display:block;font-size:13px;text-transform:uppercase;color:#000}.mobile-navigation:not([hidden]){display:flex;position:absolute;top:33px;left:0;right:0;background:#fff;padding:20px 6px;gap:24px;justify-content:space-between;border-bottom:1px solid #ddd}.mobile-navigation a{font-size:13px;text-transform:uppercase}
 .project-meta{height:auto;margin:10px 6px 0;width:calc(100% - 12px);display:grid;grid-template-columns:1fr auto;gap:5px;white-space:normal}.project-meta>div{display:contents}.project-meta [data-node-id='400:14107']{grid-column:1;grid-row:1}.project-meta [data-node-id='400:14108']{grid-column:2;grid-row:1}.project-meta [data-node-id='400:14109']{grid-column:1 / -1;grid-row:2}
 .intro{display:flex;flex-direction:column;gap:30px;margin:41px 6px 100px;min-height:0;width:calc(100% - 12px)}.intro>h1{width:100%;line-height:.95}.intro>[data-node-id='400:14148']{display:flex;flex-direction:column;gap:16px}.intro>[data-node-id='400:14148']>div{width:100%;flex:auto}.intro>[data-node-id='400:14148']>div:nth-child(3){order:1}.intro>[data-node-id='400:14148']>div:nth-child(2){order:2}.intro>[data-node-id='400:14137']{margin-top:0}.intro [data-node-id='400:14150'],.intro [data-node-id='400:14153'],.intro [data-node-id='400:14156']{font-size:14px}
 .case-section{display:flex;flex-direction:column;gap:0;padding-top:10px;margin:0 6px 100px;width:calc(100% - 12px)!important}.case-section>.section-label,.case-section>.section-title{width:100%;position:relative}.case-section>.section-title{margin-top:4px}.case-section>.section-content,.case-section>.section-wide-content{margin-top:24px;width:100%}
 .case-section [data-width=half]{width:100%}.case-section [data-width=full]{width:100%}.case-section [data-gap=large]{gap:24px}
 #concepts [data-node-id='400:14194']{position:relative;left:auto;top:auto;width:100%;height:auto}#concepts>.section-content{order:3}
 .section-wide-content{align-items:stretch}.case-section [data-node-id='400:14212']{width:100%;border-radius:4px}.case-section [data-node-id='400:14214']{border-radius:4px;width:calc(100% - 19px);top:32px}
 .case-section p,.intro p{height:auto}.case-section>.section-content{height:auto}#solution{min-height:0}
 .case-section>.section-label{order:0}.case-section>.section-title{order:1}.case-section>.section-content,.case-section>.section-wide-content{order:2}
 #concepts [data-node-id='400:14195']{height:auto;aspect-ratio:945 / 556;width:100%}
 .contact-footer{height:169px;margin-top:150px}.contact-footer>[data-node-id='403:13360'],.contact-footer>[data-node-id='403:13361'],.contact-footer>[data-node-id='403:13362']{left:6px;max-width:256px;font-size:13px}.contact-footer>[data-node-id='403:13360']{top:17px}.contact-footer>[data-node-id='403:13361']{top:0}.contact-footer>[data-node-id='403:13362']{top:63px}.contact-footer>[data-node-id='403:13363']{left:6px;top:152px}.contact-footer [data-node-id='403:13364']{font-size:13px}.expand-hint{font-size:11px;padding:4px 6px;line-height:15px}
}