.sx-home-about{--sx-home-about-cube-opacity: 0;--sx-home-about-phrase-opacity: 0;--sx-home-about-phrase-y: 40px;--sx-home-about-headline-scale: 1;position:relative;height:280svh;background:var(--clr-base-black);color:var(--clr-base-white);isolation:isolate}.sx-home-about__pin{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--clr-base-black)}.sx-home-about__headline{position:relative;width:calc(100% - 40px);color:var(--clr-base-white);text-align:center;text-transform:uppercase;opacity:var(--sx-home-about-phrase-opacity);transform-origin:center center;will-change:opacity,transform;margin:0 auto}.sx-home-about__headline span{display:block}.sx-home-about__headline--back{z-index:2;padding-top:clamp(80px, 5.1779935275vw + 60.582524272px, 160px)}.sx-home-about__headline--front{z-index:4}.sx-home-about__cube{position:absolute;top:50%;left:50%;z-index:3;width:100vw;height:100svh;opacity:var(--sx-home-about-cube-opacity);transform:translate3d(-50%, -50%, 0);will-change:opacity;pointer-events:none}.sx-home-about__cube canvas{display:block;width:100%;height:100%;aspect-ratio:1}.sx-home-about__content{position:absolute;left:50%;bottom:clamp(64px, 2.5889967638vw + 54.291262136px, 104px);z-index:5;display:grid;justify-items:center;row-gap:var(--spacing-xl);width:min(86vw,920px);color:var(--clr-base-white);text-align:center;opacity:var(--sx-home-about-phrase-opacity);transform:translate3d(-50%, var(--sx-home-about-phrase-y), 0);will-change:opacity,transform}.sx-home-about__copy{color:var(--clr-base-white)}.sx-home-about__link{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:clamp(142px, 4.4012944984vw + 125.49514563100001px, 210px);block-size:clamp(42px, 1.0355987055vw + 38.116504854px, 58px);overflow:hidden;border:1px solid var(--clr-base-white);border-radius:var(--radius-round);color:var(--clr-base-white);text-decoration:none;text-transform:uppercase;pointer-events:auto;transition:border-color var(--dur-base) var(--ease-out-quart),color var(--dur-base) var(--ease-out-quart)}.sx-home-about__link::before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:inherit;background:var(--clr-base-white);transform:translate3d(0, 105%, 0);transition:transform 520ms var(--ease-out-quart)}.sx-home-about__link span{position:relative;z-index:1;display:block}.sx-home-about__link:hover,.sx-home-about__link:focus-visible{border-color:var(--clr-base-white);color:var(--clr-base-black)}.sx-home-about__link:hover::before,.sx-home-about__link:focus-visible::before{transform:translate3d(0, 0, 0)}.sx-home-about.is-webgl-ready .sx-home-about__cube{opacity:var(--sx-home-about-cube-opacity)}@media(max-width: 720px){.sx-home-about{--sx-home-about-headline-scale: 0.54;height:240svh}.sx-home-about__content{bottom:clamp(44px, 5.7971014493vw + 22.260869565px, 64px);row-gap:var(--spacing-lg);width:88vw}.sx-home-about__copy br{display:none}}@media(prefers-reduced-motion: reduce){.sx-home-about{height:120svh}.sx-home-about__pin{position:relative}.sx-home-about__link,.sx-home-about__link::before{transition:none}}
.sx-home-about{--clr-base-black:#080808;--clr-base-white:#f5f2ee;--spacing-xl:clamp(20px,.7766990291vw + 17.087378641px,32px);--spacing-lg:clamp(16px,.5177993528vw + 14.058252427px,24px);--radius-round:999px;--dur-base:300ms;--ease-out-quart:cubic-bezier(.25,1,.5,1)}
.sx-home-about__headline{width:min(760px,calc(100% - 48px));font-family:Manrope,sans-serif;font-size:clamp(24px,4.4vw,64px);line-height:1.15;font-weight:400;letter-spacing:-.035em}
.sx-home-about__headline--front{font-size:clamp(20px,3.5vw,52px);margin-top:8px}
.sx-home-about__headline span{width:max-content;white-space:nowrap;margin-inline:auto}
.sx-home-about__copy{margin:0;font-size:clamp(16px,.3883495146vw + 14.54368932px,22px);line-height:1.5;font-weight:400}
.sx-home-about__link{font-size:clamp(16px,.2588996764vw + 15.029126214px,20px);line-height:1.6;font-weight:700}
.asp-cube-summary{row-gap:16px;bottom:clamp(32px,5svh,64px)}
.asp-cube-summary .sx-home-about__copy{max-width:760px;font-size:clamp(16px,1.35vw,20px);line-height:1.5;text-wrap:balance}
.asp-cube-contact{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:inherit;font-size:12px;font-weight:500;letter-spacing:.06em;text-decoration:underline;text-decoration-color:#8e746b;text-underline-offset:8px;transition:color .2s ease}
.asp-cube-contact:hover{color:#cf9383}
.asp-cube-contact:focus-visible{outline:2px solid #cf9383;outline-offset:6px}
@media(max-width:720px){.asp-cube-summary{bottom:28px;row-gap:12px}}
.asp-cube-mobile-break{display:none}
@media(max-width:767px) and (min-height:501px){
 #image-cube .asp-cube-summary{width:calc(100% - 48px);bottom:32px;row-gap:16px}
 #image-cube .sx-home-about__copy .asp-cube-mobile-break{display:initial}
 #image-cube .asp-cube-summary .sx-home-about__copy{line-height:1.65;text-wrap:balance}
 #image-cube .asp-cube-contact{position:relative;text-decoration:none;gap:12px}
 #image-cube .asp-cube-contact::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:#8e746b}
}
.sx-home-about.is-webgl-fallback .sx-home-about__cube{opacity:1;background:url('/site-v9/assets/images/cube/sunset.jpg') center/cover}
body.asp-over-cube .header .asp-brand__mark,body.asp-over-cube .header .asp-brand__keywords,body.asp-over-cube .header .hd-nav>a{color:#f5f2ee;text-shadow:none}
body.asp-over-cube .header .asp-nexus i:not(:nth-child(4)){background:#f5f2ee}
/* RayRayLab's contact circle, over the existing first cube image. The minimum
   diameter covers tall mobile viewports as well as landscape desktops. */
.asp-cube-circle{position:absolute;z-index:6;width:var(--asp-circle-diameter,150vmax);height:var(--asp-circle-diameter,150vmax);top:50%;left:50%;transform:translate(-50%,-50%);background:#080808;border-radius:50%;pointer-events:none;will-change:transform}
@media(prefers-reduced-motion:no-preference){.sx-home-about{height:360svh}}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){.sx-home-about{height:320svh}}
@media(prefers-reduced-motion:reduce){.asp-cube-circle{display:none}}

/* Preserve full-size media; give the mobile transition more scroll travel. */
@media(max-width:720px){
 .sx-home-about__pin{touch-action:pan-y}
}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){.sx-home-about{height:500svh}}