.Qf8p6a_portfolioSite{--ink:#0a0c0e;--paper:#efede7;--paper-soft:#e4e1d8;--lime:#c8ff72;min-height:100vh;color:var(--ink);background:var(--paper)}.Qf8p6a_shell{width:min(1280px,100vw - 72px);margin-inline:auto}.Qf8p6a_header{z-index:100;color:#f5f3ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0ceb;border-bottom:1px solid #ffffff1f;position:sticky;top:0}.Qf8p6a_header>div{justify-content:space-between;align-items:center;gap:30px;min-height:78px;display:flex}.Qf8p6a_brand{align-items:center;gap:10px;display:flex}.Qf8p6a_brand img{border-radius:11px}.Qf8p6a_brand>span{display:grid}.Qf8p6a_brand strong{letter-spacing:.2em;font-size:12px}.Qf8p6a_brand small{color:#f5f3ef75;letter-spacing:.15em;font-size:7px;font-weight:800}.Qf8p6a_header nav{align-items:center;gap:26px;display:flex}.Qf8p6a_header nav>a{color:#f5f3ef9e;font-size:10px;font-weight:800}.Qf8p6a_header .Qf8p6a_navCta{color:#10130d;background:var(--lime);align-items:center;gap:8px;min-height:42px;padding:0 15px;display:inline-flex}.Qf8p6a_hero{color:#f5f3ef;background:#0a0c0e;padding:90px 0 120px}.Qf8p6a_heroGrid{grid-template-columns:1.2fr .8fr;align-items:end;gap:76px;display:grid}.Qf8p6a_heroCopy>p,.Qf8p6a_sectionHeading>span,.Qf8p6a_profile span,.Qf8p6a_caseHero>div>p,.Qf8p6a_caseContent section>span,.Qf8p6a_caseBody aside>span{color:var(--lime);letter-spacing:.18em;margin:0;font-size:9px;font-weight:850}.Qf8p6a_heroCopy h1{letter-spacing:-.065em;max-width:850px;margin:42px 0 76px;font-family:Georgia,Times New Roman,serif;font-size:clamp(60px,7vw,104px);font-weight:400;line-height:.92}.Qf8p6a_heroCopy h1 em{color:#f5f3ef6e;font-weight:400}.Qf8p6a_heroIntro{border-top:1px solid #ffffff24;grid-template-columns:.36fr 1fr;gap:30px;max-width:760px;padding-top:24px;display:grid}.Qf8p6a_heroIntro span{color:#f5f3ef5c;letter-spacing:.12em;font-size:9px;font-weight:800}.Qf8p6a_heroIntro p{color:#f5f3ef9e;margin:0;font-size:14px;line-height:1.75}.Qf8p6a_heroPortrait{background:#15191d;min-height:620px;position:relative;overflow:hidden}.Qf8p6a_heroPortrait>img{object-fit:cover;filter:saturate(.78);width:100%;height:620px}.Qf8p6a_heroPortrait>div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0cb3;border:1px solid #ffffff26;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:20px;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.Qf8p6a_heroPortrait>div span{font-family:Georgia,Times New Roman,serif;font-size:38px}.Qf8p6a_heroPortrait>div p{color:#f5f3ef8c;margin:0;font-size:10px;line-height:1.45}.Qf8p6a_catalog{padding:130px 0}.Qf8p6a_sectionHeading{grid-template-columns:.35fr 1.2fr .65fr;align-items:end;gap:40px;margin-bottom:64px;display:grid}.Qf8p6a_sectionHeading>span{color:#5d664a}.Qf8p6a_sectionHeading h2,.Qf8p6a_profile h2,.Qf8p6a_caseContent h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(45px,5vw,70px);font-weight:400;line-height:1}.Qf8p6a_sectionHeading>p{color:#0a0c0e94;margin:0;font-size:14px;line-height:1.7}.Qf8p6a_catalogGrid{background:#0a0c0e24;border:1px solid #0a0c0e24;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.Qf8p6a_projectCard{background:var(--paper);flex-direction:column;min-height:490px;padding:30px;transition:background .22s,color .22s;display:flex}.Qf8p6a_projectCard:hover{color:#f5f3ef;background:#111417}.Qf8p6a_projectMeta{color:#0a0c0e70;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.Qf8p6a_projectCard:hover .Qf8p6a_projectMeta{color:#f5f3ef70}.Qf8p6a_projectCard>p:not(.Qf8p6a_projectSummary){color:#5d664a;letter-spacing:.17em;margin:64px 0 12px;font-size:9px;font-weight:850}.Qf8p6a_projectCard:hover>p:not(.Qf8p6a_projectSummary){color:var(--lime)}.Qf8p6a_projectCard h3{letter-spacing:-.055em;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4vw,62px);font-weight:400;line-height:1}.Qf8p6a_projectSummary{color:#0a0c0e99;max-width:570px;margin:0 0 28px;font-size:14px;line-height:1.72}.Qf8p6a_projectCard:hover .Qf8p6a_projectSummary{color:#f5f3ef94}.Qf8p6a_tags{flex-wrap:wrap;gap:6px;display:flex}.Qf8p6a_tags span{opacity:.5;border:1px solid;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:800}.Qf8p6a_projectActions{align-items:center;gap:10px;margin-top:auto;padding-top:26px;display:flex}.Qf8p6a_projectActions a{border:1px solid;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.Qf8p6a_projectActions a:first-child{color:#2f391c;background:var(--lime);border-color:var(--lime);margin-right:auto}.Qf8p6a_profile{color:#f5f3ef;background:#111417;padding:120px 0}.Qf8p6a_profileGrid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.Qf8p6a_profile h2{margin-top:22px}.Qf8p6a_profileGrid>div:last-child>p{color:#f5f3ef9e;margin:32px 0;font-size:15px;line-height:1.78}.Qf8p6a_profileGrid>div:last-child>div{flex-wrap:wrap;gap:8px;display:flex}.Qf8p6a_profileGrid>div:last-child>div span{color:#f5f3ef8f;border:1px solid #ffffff24;padding:8px 10px;font-size:9px}.Qf8p6a_profileGrid a{color:var(--lime);align-items:center;gap:9px;margin-top:34px;font-size:11px;font-weight:800;display:inline-flex}.Qf8p6a_caseHero{color:#f5f3ef;background:#0a0c0e;padding:76px 0 110px}.Qf8p6a_backLink{color:#f5f3ef85;align-items:center;gap:8px;margin-bottom:72px;font-size:10px;font-weight:800;display:inline-flex}.Qf8p6a_caseMeta{color:#f5f3ef5c;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-bottom:46px;font-size:9px;font-weight:800;display:flex}.Qf8p6a_caseHero h1{letter-spacing:-.075em;max-width:1050px;margin:18px 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(72px,10vw,150px);font-weight:400;line-height:.86}.Qf8p6a_caseSummary{color:#f5f3ef9e;max-width:820px;margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.62}.Qf8p6a_caseActions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.Qf8p6a_caseActions a{color:#f5f3ef;border:1px solid #ffffff2e;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.Qf8p6a_caseActions a:first-child{color:#10130d;border-color:var(--lime);background:var(--lime)}.Qf8p6a_caseBody{padding:120px 0}.Qf8p6a_caseGrid{grid-template-columns:240px 1fr;align-items:start;gap:90px;display:grid}.Qf8p6a_caseBody aside{position:sticky;top:120px}.Qf8p6a_caseBody aside>span{color:#5d664a}.Qf8p6a_caseBody aside nav{gap:10px;margin-top:28px;display:grid}.Qf8p6a_caseBody aside a{color:#0a0c0e7a;width:fit-content;font-size:10px;font-weight:800}.Qf8p6a_caseContent{gap:0;display:grid}.Qf8p6a_caseContent>section{border-bottom:1px solid #0a0c0e24;margin-bottom:94px;padding:0 0 94px;scroll-margin-top:110px}.Qf8p6a_caseContent section>span{color:#5d664a}.Qf8p6a_caseContent h2{max-width:820px;margin-top:18px}.Qf8p6a_caseContent section>p{color:#0a0c0ea3;max-width:780px;margin:30px 0 0;font-size:16px;line-height:1.82}.Qf8p6a_caseContent ol,.Qf8p6a_caseContent ul{counter-reset:steps;margin:42px 0 0;padding:0;list-style:none}.Qf8p6a_caseContent li{color:#0a0c0eab;border-top:1px solid #0a0c0e1f;grid-template-columns:52px 1fr;align-items:start;gap:18px;min-height:70px;padding:20px 0;line-height:1.7;display:grid}.Qf8p6a_caseContent ol li{counter-increment:steps}.Qf8p6a_caseContent ol li:before{content:counter(steps, decimal-leading-zero);color:#5d664a;font-size:10px;font-weight:800}.Qf8p6a_caseContent ul li:before{content:"↗";color:#5d664a}.Qf8p6a_featureGrid{background:#0a0c0e24;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:42px;display:grid}.Qf8p6a_featureGrid article{background:var(--paper);align-items:flex-end;min-height:140px;padding:24px;font-family:Georgia,Times New Roman,serif;font-size:24px;display:flex}.Qf8p6a_caution{background:#b3733514;border:1px solid #894e1b33;padding:20px;color:#6c421d!important}.Qf8p6a_caseContent .Qf8p6a_nextProject{border-bottom:0;margin:0;padding:0}.Qf8p6a_nextProject>span{color:#5d664a}.Qf8p6a_nextProject a{color:#10130d;background:var(--lime);justify-content:space-between;align-items:center;min-height:130px;margin-top:18px;padding:25px 30px;display:flex}.Qf8p6a_nextProject strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,58px);font-weight:400}.Qf8p6a_footer{color:#f5f3ef;background:#080a0c;padding:90px 0 24px}.Qf8p6a_footer>div>div:first-child{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.Qf8p6a_footer p{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,86px);line-height:.92}.Qf8p6a_footer p em{color:var(--lime);font-weight:400}.Qf8p6a_footer a{color:var(--lime);align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.Qf8p6a_footer>div>div:last-child{color:#f5f3ef57;letter-spacing:.12em;border-top:1px solid #ffffff21;justify-content:space-between;margin-top:70px;padding-top:20px;font-size:8px;font-weight:800;display:flex}@media (max-width:900px){.Qf8p6a_shell{width:min(720px,100vw - 40px)}.Qf8p6a_heroGrid,.Qf8p6a_sectionHeading,.Qf8p6a_profileGrid{grid-template-columns:1fr}.Qf8p6a_heroPortrait{min-height:auto}.Qf8p6a_heroPortrait>img{height:min(760px,120vw)}.Qf8p6a_catalogGrid{grid-template-columns:1fr}.Qf8p6a_caseGrid{grid-template-columns:1fr;gap:50px}.Qf8p6a_caseBody aside{position:static}.Qf8p6a_caseBody aside nav{flex-wrap:wrap;gap:18px;display:flex}}@media (max-width:560px){.Qf8p6a_shell{width:calc(100vw - 28px)}.Qf8p6a_header>div{min-height:68px}.Qf8p6a_header nav>a:not(.Qf8p6a_navCta){display:none}.Qf8p6a_header .Qf8p6a_navCta{min-height:40px;padding:0 12px}.Qf8p6a_brand small{display:none}.Qf8p6a_hero,.Qf8p6a_catalog,.Qf8p6a_profile,.Qf8p6a_caseBody{padding:78px 0}.Qf8p6a_heroCopy h1{margin:32px 0 46px;font-size:56px}.Qf8p6a_heroIntro{grid-template-columns:1fr;gap:14px}.Qf8p6a_heroPortrait>img{height:125vw;max-height:620px}.Qf8p6a_sectionHeading h2,.Qf8p6a_profile h2,.Qf8p6a_caseContent h2{font-size:40px}.Qf8p6a_projectCard{min-height:470px;padding:24px 20px}.Qf8p6a_projectCard h3{font-size:44px}.Qf8p6a_caseHero{padding:54px 0 76px}.Qf8p6a_backLink{margin-bottom:54px}.Qf8p6a_caseHero h1{font-size:65px}.Qf8p6a_caseSummary{font-size:16px}.Qf8p6a_caseContent>section{margin-bottom:68px;padding-bottom:68px}.Qf8p6a_featureGrid{grid-template-columns:1fr}.Qf8p6a_footer>div>div:first-child{flex-direction:column;align-items:flex-start}.Qf8p6a_footer>div>div:last-child{flex-direction:column;gap:8px}}
