/* A typographic opening: the studio's work takes the place of the lens animation. */
.dimension-site .hero.type-hero{display:block;position:relative;isolation:isolate;min-height:0;margin-top:30px;padding:0 32px;background:#eeeeee;color:#151515;border:1px solid #cdcdcd;overflow:hidden}
.type-hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid #cdcdcd}
.type-hero-top .eyebrow{margin:0;color:#585858}
.type-hero-top>span:last-child{font-size:.7rem;letter-spacing:.07em;color:#585858}
.dimension-site .type-hero h1{position:relative;width:100%;max-width:none;font-family:inherit;font-size:clamp(3.4rem,8.5vw,9rem);font-weight:500;line-height:1.01;letter-spacing:-.065em;text-transform:none;margin:52px 0 48px;color:#151515}
.type-hero h1>span{display:block}
.dimension-site .type-hero h1 .type-hero-accent{color:#565656}
.type-hero-details{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:start;padding:30px 0 42px;border-top:1px solid #cdcdcd}
.type-hero-disciplines{display:flex;flex-direction:column;gap:8px;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4;letter-spacing:-.025em}
.dimension-site .type-hero .type-hero-intro p{margin:0 0 24px;max-width:570px;font-family:inherit;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:#575757}
.type-hero-actions{display:flex;flex-wrap:wrap;gap:22px 28px;align-items:center}
.dimension-site .type-hero .button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:16px 22px;background:#151515;color:#eeeeee;border:1px solid #151515;border-radius:0;font-size:.85rem;transition:background .25s,border-color .25s}
.dimension-site .type-hero .button:hover{background:#565656;border-color:#565656}
.type-hero-contact{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #9d9d9d;padding:8px 0;font-size:.85rem;transition:color .25s}
.type-hero-contact:hover{color:#565656}
.type-hero-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #cdcdcd;padding:19px 0;color:#585858;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
.type-hero-bottom>a{display:flex;gap:28px;align-items:center}
.type-hero a:focus-visible{outline:2px solid #565656;outline-offset:5px}
@media(min-width:1800px){.dimension-site .hero.type-hero{margin-left:28px;margin-right:28px}}
@media(max-width:1000px){.type-hero-details{grid-template-columns:.75fr 1.25fr;gap:30px}.type-hero-actions{gap:14px 22px}}
@media(max-width:760px){.dimension-site .hero.type-hero{margin:16px 12px 0;padding:0 20px}.type-hero-top{align-items:flex-start;flex-direction:column;gap:12px;padding:19px 0}.type-hero-top .eyebrow{font-size:.65rem}.type-hero-top>span:last-child{font-size:.62rem}.dimension-site .type-hero h1{font-size:clamp(2.15rem,8.3vw,4.6rem);line-height:1.07;letter-spacing:-.065em;margin:36px 0}.type-hero-details{grid-template-columns:1fr;gap:25px;padding:25px 0 32px}.type-hero-disciplines{gap:4px;font-size:1rem}.dimension-site .type-hero .type-hero-intro p{font-size:1rem;margin-bottom:22px}.type-hero-bottom{align-items:flex-start;font-size:.6rem;padding:17px 0}.type-hero-bottom>span{display:none}.type-hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.dimension-site .type-hero .button{font-size:.8rem;padding:15px 18px;gap:24px}.type-hero-contact{font-size:.8rem}}