.forflow-page{--hero-text:oklch(99% 0 0);--hero-accent:oklch(90% .045 131);--hero-shade:oklch(20% .012 130);letter-spacing:0;background:var(--hero-shade);font-family:Figtree,sans-serif}:where(.forflow-page) .studio-hero{height:100svh;min-height:680px;color:var(--hero-text);position:relative;overflow:hidden}:where(.forflow-page) .studio-photo,:where(.forflow-page) .studio-shade{width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .studio-photo{object-fit:cover;object-position:center 55%}:where(.forflow-page) .studio-shade{background:linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 74%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 47%, transparent) 43%, color-mix(in oklch, var(--hero-shade) 10%, transparent) 100%), linear-gradient(0deg, color-mix(in oklch, var(--hero-shade) 30%, transparent), transparent 40%)}:where(.forflow-page) .forflow-header{padding:34px 5.6%;position:relative}:where(.forflow-page) .forflow-logo{color:var(--hero-text);letter-spacing:-.02em;font-size:37px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-block}:where(.forflow-page) .logo-period{color:var(--hero-accent)}:where(.forflow-page) .forflow-logo:focus-visible{outline:2px solid var(--hero-accent);outline-offset:8px}:where(.forflow-page) .hero-content{position:absolute;top:50%;left:5.6%;right:5.6%;transform:translateY(-42%)}:where(.forflow-page) .hero-content h1{letter-spacing:-.018em;max-width:880px;margin:0;font-size:72px;font-weight:500;line-height:1.13}:where(.forflow-page) .hero-content h1 span{color:var(--hero-accent)}:where(.forflow-page) .hero-description{letter-spacing:.004em;max-width:590px;margin-top:30px;font-size:17px;font-weight:450;line-height:1.5}:where(.forflow-page) .hero-description p{text-wrap:balance;margin:0}:where(.forflow-page) .hero-description p+p:not(.hero-principles){margin-top:10px}:where(.forflow-page) .hero-description p.hero-principles{margin-top:18px}:where(.forflow-page) .hero-bottom{align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:30px;left:5.6%}:where(.forflow-page) .bottom-line{background:var(--hero-accent);width:30px;height:1px}:where(.forflow-page) .hero-principles{letter-spacing:-.008em;color:var(--hero-text);font-size:17px;font-weight:500}@media (width>=1600px){:where(.forflow-page) .hero-content h1{font-size:88px}:where(.forflow-page) .hero-description{font-size:19px}}@media (width<=760px){:where(.forflow-page) .studio-hero{height:100svh;min-height:620px}:where(.forflow-page) .forflow-header{padding:26px 7%}:where(.forflow-page) .forflow-logo{font-size:31px}:where(.forflow-page) .studio-photo{object-position:62% center}:where(.forflow-page) .studio-shade{background:linear-gradient(180deg, color-mix(in oklch, var(--hero-shade) 72%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 46%, transparent) 46%, color-mix(in oklch, var(--hero-shade) 12%, transparent) 78%), linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 72%, transparent), color-mix(in oklch, var(--hero-shade) 26%, transparent))}:where(.forflow-page) .hero-content{margin:44px 7% 0;position:relative;top:0;left:0;right:0;transform:none}:where(.forflow-page) .hero-content h1{font-size:44px;line-height:1.18}:where(.forflow-page) .desktop-break{display:none}:where(.forflow-page) .hero-description{max-width:390px;margin-top:26px;font-size:15.5px;line-height:1.45}:where(.forflow-page) .hero-description p+p:not(.hero-principles){margin-top:9px}:where(.forflow-page) .hero-bottom{bottom:26px;left:7%}:where(.forflow-page) .hero-description p.hero-principles{margin-top:15px;font-size:15px}}@media (width<=360px){:where(.forflow-page) .hero-content h1{font-size:37px}}