.home{container-type:inline-size;--u: calc(min(100cqw, 1440px) / 1440)}.site-header--home .logo-desk{margin-right:calc(8 / 1440 * min(100vw,1440px))}.brand-mobile{display:none}.home-hero{max-width:1440px;margin:0 auto;text-align:center;padding:calc(97 * var(--u)) calc(12 * var(--u)) calc(97.5 * var(--u)) 0}.home-hero h1{font:900 calc(70 * var(--u))/1.1 var(--font-home);color:var(--teal-ink)}.home-hero p{margin-top:calc(12 * var(--u));font:300 calc(27 * var(--u))/1.25 var(--font-home);text-transform:uppercase;color:var(--ink)}.home-hero p span{display:block}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(23 * var(--u));max-width:1440px;margin:0 auto;padding:0 calc(72 * var(--u)) 0 calc(63 * var(--u));list-style:none}.tile{position:relative;display:block;aspect-ratio:309 / 310;overflow:hidden;background:#c4c4c4;text-decoration:none;container-type:inline-size}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tile--crop img{position:absolute;max-width:none;left:-233.3%;top:-93.2%;width:347.5%;height:210.7%}.tile__label{position:absolute;inset:auto 0 0;padding:28px 16px 14px;color:#fff;font:700 clamp(13px,1.2vw,17px)/1.2 var(--font-home);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(transparent,#0009);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.tile:hover img,.tile:focus-visible img{transform:scale(1.05)}.tile:hover .tile__label,.tile:focus-visible .tile__label{opacity:1;transform:none}@media(hover:none){.tile__label{opacity:1;transform:none}}.tile--about{background:#53afa5;transition:filter .3s}.tile--about:hover{filter:brightness(.96)}.tile--about span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;text-transform:uppercase;font:300 calc(38 / 309 * 100cqw)/1.17 var(--font-case)}.intro{--wu: var(--u);--wave-h: calc(35.4175 * var(--wu));margin-top:calc(134 * var(--u));min-height:calc(754 * var(--u));padding-top:calc(98 * var(--u));background:#d9f5f1;-webkit-mask-image:url(/img/home/wave-tile.svg),linear-gradient(#000,#000);mask-image:url(/img/home/wave-tile.svg),linear-gradient(#000,#000);-webkit-mask-size:calc(151.35 * var(--wu)) var(--wave-h),100% calc(100% - var(--wave-h) + 1px);mask-size:calc(151.35 * var(--wu)) var(--wave-h),100% calc(100% - var(--wave-h) + 1px);-webkit-mask-position:right top,left bottom;mask-position:right top,left bottom;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat}.intro__inner{max-width:1440px;margin:0 auto;padding:0 calc(73 * var(--u)) 0 calc(65 * var(--u));display:grid;grid-template-columns:calc(394 * var(--u)) 1fr;column-gap:calc(55 * var(--u));align-items:start}.portrait{margin-top:calc(20 * var(--u))}.portrait img{width:100%;height:auto}.intro h2{max-width:calc(810 * var(--u));font:700 calc(43 * var(--u))/1.1 var(--font-case);color:var(--teal-ink)}.intro__body{margin-top:calc(28 * var(--u));max-width:calc(853 * var(--u));font:300 calc(30 * var(--u))/1.15 var(--font-case);color:var(--teal-ink)}.intro__body strong{font-weight:700}.intro__body p+p{margin-top:1.15em}@media(max-width:760px){.site-header--home{--m: min(1px, 100vw / 375);position:relative;height:calc(183 * var(--m));background:var(--paper)}.site-header--home .site-header__logo{position:relative;width:calc(375 * var(--m));height:100%;margin:0 auto;left:calc(14 * var(--m))}.site-header--home .logo-desk{display:none}.brand-mobile{display:block}.site-header--home .brand-mobile img{position:absolute;max-width:none}.site-header--home .brand-mobile__mark{left:calc(41.911 * var(--m));top:calc(38 * var(--m));width:calc(97.2287 * var(--m));height:calc(117.118 * var(--m))}.site-header--home .brand-mobile__word{left:calc(154.944 * var(--m));top:calc(69.322 * var(--m));width:calc(176.055 * var(--m));height:calc(54.4868 * var(--m))}.home-hero{padding:0}.home-hero h1,.home-hero p{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.work-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 11px 0 12px}.tile{aspect-ratio:172 / 171}.tile__label{inset:auto;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.intro{--wu: .6px;margin-top:48px;min-height:0;padding:72px 20px 48px}.intro__inner{grid-template-columns:1fr;justify-items:center;text-align:center;padding:0;row-gap:24px}.portrait{width:240px;margin-top:0}.intro h2{max-width:none;font-size:26px}.intro__body{max-width:none;margin-top:16px;font-size:18px}}