/* A single company introduction; a background video can be added later. */
#hero{background:#0d0c11;color:#fff;min-height:100svh;height:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:6vw;padding:clamp(150px,19vh,200px) var(--space-1) 80px;position:relative;isolation:isolate}
#hero .intro-anchor{position:absolute;top:0;left:0}
#hero .hero__title{grid-column:1;grid-row:1;align-self:center;padding:0;margin:0;white-space:normal;font-family:var(--font-1);font-size:clamp(65px,9.7vw,158px);font-weight:700;line-height:.88;letter-spacing:-.065em}
#hero .hero__word,#hero .hero__mask,#hero .hero__glyphs{max-width:100%}
#hero .hero__intro{grid-column:2;grid-row:1;position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:560px;margin:0;padding:0;gap:26px}
#hero .hero__lead{max-width:none;font-size:clamp(16px,1.5vw,22px);line-height:1.55;color:#e1e0e5}
#hero .hero__quote{margin:0}
#hero .hero-quick-links{width:100%;margin-top:10px}
#hero .hero-quick-links ul{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff30}
#hero .studio-quick-link{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff30;text-decoration:none;color:#fff;transition:color .2s}
#hero .studio-quick-link:hover{color:#ffe21a}
#hero .studio-quick-link .m-text-7{font-size:19px}
#hero .role__place{font-size:12px;color:#b9b7c1}
#hero .hero-catalogue{display:inline-block;margin-top:20px;font-size:14px;color:#fff;text-decoration:none}
#hero a:focus-visible{outline:2px solid #ffe21a;outline-offset:5px}
@media(max-width:899px){#hero{grid-template-columns:1fr;gap:34px;padding:145px var(--space-1) 65px}#hero .hero__title{font-size:clamp(60px,13vw,110px)}#hero .hero__intro{grid-column:1;grid-row:2;max-width:650px}#hero .hero__lead{font-size:17px}#hero .studio-quick-link .m-text-7{font-size:18px}}
@media(prefers-reduced-motion:reduce){#hero *{animation:none!important;transition:none!important}}
#hero #studio.intro-anchor{display:block;width:0;height:0;min-height:0;padding:0;margin:0;border:0;background:transparent;overflow:hidden}

#hero .hero__mask{animation:none;overflow:visible;clip-path:none}