.page-home{--ink:#202529;--body:#4e555a;--line:#dce1e3;--pale:#f3f6f7}.page-home .site-header{width:min(var(--max),calc(100% - var(--gutter)*2));border:0;border-bottom:1px solid var(--line);min-height:98px;box-shadow:none;background:#fff;border-radius:0;margin-inline:auto;padding:20px 0;position:relative;top:auto;left:auto;transform:none}.page-home .wordmark{font-size:27px}.page-home .navigation nav{gap:36px}.page-home .hero{justify-content:flex-start;min-height:660px}.page-home .hero-inner{padding-block:92px 120px}.page-home .hero-fields{letter-spacing:.09em;color:var(--blue);margin-bottom:30px;font-size:12px}.page-home .hero h1{letter-spacing:.015em;max-width:760px;font-size:clamp(44px,4.6vw,66px);line-height:1.42}.page-home .hero-copy{color:var(--body);margin-top:26px;line-height:2}.page-home .hero-ink{z-index:-1;opacity:.75;inset:42px 0 70px 53%}.page-home .hero-ink img{object-fit:cover;object-position:68% center}.page-home .hero-actions{gap:32px;margin-top:30px}.page-home .button{background:var(--blue);border-color:var(--blue);border-radius:4px;padding:12px 22px}.page-home .button:hover{background:#124e6e;transform:none}.page-home .hero-bottom{border-top:1px solid var(--line);color:var(--body);padding-top:19px;font-size:11px;bottom:24px}.page-home .section{padding-block:92px}.page-home .section-heading{grid-template-columns:5fr 6fr;gap:64px;margin-bottom:34px;display:grid}.page-home .eyebrow{color:var(--blue);letter-spacing:.075em}.page-home h2{font-size:32px;line-height:1.55}.page-home .section-heading .eyebrow{margin-bottom:12px;font-size:12px}.page-home .count{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;margin-left:12px;padding:0}.page-home .section-heading>p{max-width:440px;font-size:14px}.page-home .work-row{grid-template-columns:5fr 6fr;align-items:start;gap:64px;padding-block:44px}.page-home .visual-link{border-radius:0}.page-home .case-visual{border:1px solid var(--line);color:var(--ink);background:#f6f7f7;border-radius:0;min-height:300px;padding:22px 24px}.page-home .visual-02{border-top-color:var(--blue);background:#f6f7f7}.page-home .visual-03{background:#edf4f7;border-color:#d5e5ee}.page-home .visual-link:hover .case-visual{background:#edf3f6}.page-home .visual-top{align-items:baseline;font-size:11px}.page-home .visual-top>span:last-child{color:var(--blue);letter-spacing:-.025em;font-size:27px;font-weight:400;line-height:1.2}.page-home .visual-caption{color:var(--body);font-size:11px}.page-home .visual-bottom{border-top:1px solid var(--line);opacity:1;color:var(--body);padding-top:12px;font-size:10px}.page-home .structure-flow{gap:22px;margin-block:14px}.page-home .structure-flow>div{border-color:#9cb8c8;width:90px}.page-home .structure-flow b{font-size:25px}.page-home .structure-flow>span{color:var(--blue)}.page-home .version-flow b{letter-spacing:-.04em;font-size:62px;font-weight:300}.page-home .version-flow>span{color:var(--blue);font-size:30px}.page-home .photo-statement{letter-spacing:.025em;font-size:29px;line-height:1.65}.page-home .photo-process{font-size:11px}.page-home .work-description{padding-top:3px}.page-home .work-description .eyebrow{letter-spacing:.025em;gap:14px;margin-bottom:17px;font-size:11px}.page-home .work-description h3{margin-bottom:18px;font-size:25px;line-height:1.65}.page-home .work-summary{max-width:540px;font-size:15px;line-height:2}.page-home .tags{gap:6px 15px;margin-block:20px 16px}.page-home .tags li{color:var(--body);border:0;border-radius:0;padding:0;font-size:11px}.page-home .text-link{border-bottom-color:#b7cbd7}.page-home .experience-section{border-block:1px solid var(--line);background:#f3f6f7;padding-block:80px}.page-home .experience-layout,.page-home .home-about{grid-template-columns:5fr 6fr;gap:64px}.page-home .experience-layout h2{font-size:30px;line-height:1.7}.page-home .process-strip{gap:12px}.page-home .contact-cta{border-top-color:var(--blue)}@media (width<=1000px){.page-home .work-row,.page-home .section-heading,.page-home .experience-layout,.page-home .home-about{gap:36px}.page-home .case-visual{min-height:280px;padding:20px}.page-home .photo-statement{font-size:25px}.page-home .work-description h3{font-size:22px}.page-home .hero-ink{opacity:.45;left:45%}}@media (width<=700px){.page-home{--gutter:24px}.page-home .site-header{min-height:78px;padding:14px 0}.page-home .wordmark{font-size:25px}.page-home .navigation nav{border-radius:4px;gap:0;top:68px;box-shadow:0 6px 18px #2025290d}.page-home .hero{min-height:650px}.page-home .hero-inner{padding-block:58px 128px}.page-home .hero-fields{letter-spacing:.055em;margin-bottom:27px;font-size:10px}.page-home .hero h1{font-size:clamp(30px,8.4vw,46px);line-height:1.5}.page-home .hero-copy{background:0 0;margin-top:25px;font-size:14px;line-height:2.1}.page-home .hero-ink{opacity:.32;height:210px;inset:auto -45px 48px 42%}.page-home .hero-actions{align-items:flex-start;gap:20px;margin-top:28px}.page-home .button{min-height:48px;font-size:13px}.page-home .hero-bottom{gap:10px;font-size:9px;bottom:20px}.page-home .hero-bottom a{gap:12px}.page-home .section{padding-block:64px}.page-home .section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:29px}.page-home h2{font-size:28px}.page-home .section-heading>p{max-width:320px;font-size:13px}.page-home .work-row{grid-template-columns:1fr;gap:27px;padding-block:30px 36px}.page-home .case-visual{aspect-ratio:1.35;min-height:252px;padding:20px}.page-home .visual-top>span:last-child{font-size:25px}.page-home .version-flow b{font-size:56px}.page-home .photo-statement{font-size:26px}.page-home .work-description h3{font-size:22px}.page-home .work-summary{font-size:14px}.page-home .experience-layout,.page-home .home-about{grid-template-columns:1fr;gap:30px}.page-home .experience-section{padding-block:60px}.page-home .experience-layout h2{font-size:27px}.page-home .process-strip{grid-template-columns:1fr 1fr;gap:20px;display:grid}}@media (width<=360px){.page-home{--gutter:20px}.page-home .hero{min-height:680px}.page-home .hero-fields{font-size:9px}.page-home .hero h1{font-size:29px}.page-home .hero-bottom{font-size:8px}.page-home .work-description .eyebrow{gap:9px;font-size:10px}.page-home .client-type{font-size:10px}.page-home .photo-statement{font-size:23px}.page-home .photo-process{font-size:10px}.page-home .structure-flow{gap:16px}}
