/* About is a full-screen page outside the scaled homepage layout. */
.studio-about{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#172632;color:#fff;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:0;transition:opacity 320ms ease;isolation:isolate;color-scheme:only light}
.studio-about.is-visible{opacity:1}
.studio-about::backdrop{background:#111a20;opacity:0;transition:opacity 320ms ease}
.studio-about.is-visible::backdrop{opacity:1}
.studio-about::before,.studio-about::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
.studio-about::before{background:url('teryon_box_background.jpg') 30% center/cover no-repeat}
.studio-about::after{background:linear-gradient(90deg,rgba(12,24,30,.12) 0%,rgba(18,34,43,.32) 28%,rgba(18,34,43,.94) 47%,#172632 80%)}
.studio-about-copy{position:relative;width:min(52%,850px);margin-left:43%;padding:64px 0 56px;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.studio-about-copy h1{margin:0 0 30px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.2vw,54px);font-weight:400;line-height:1.15;letter-spacing:-.6px;color:#c28a24}
.studio-about-copy section+section{margin-top:30px}
.studio-about-copy h2{margin:0 0 14px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,1.8vw,29px);font-weight:400;line-height:1.3;color:#c28a24}
.studio-about-copy p{margin:0;font-size:15px;font-weight:400;line-height:1.75;color:rgba(255,255,255,.9)}
.studio-about-copy p+p{margin-top:18px}
.studio-about-close{position:fixed;z-index:2;top:16px;right:24px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:0;background:rgba(17,26,32,.85);color:#fff;font:500 12px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.studio-about-close>span{font-size:26px;font-weight:300;line-height:1}
.studio-about-close:hover{color:#c28a24}
.studio-about-close:focus-visible{outline:1px solid #c28a24;outline-offset:2px}
.studio-about-founder{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:28px;margin-top:30px;padding-top:26px;border-top:1px solid rgba(194,138,36,.5)}
.studio-about-headshot{display:block;width:112px;height:auto;border:1px solid rgba(194,138,36,.55)}
.studio-about-signature{display:block;width:112px;max-width:100%;height:auto;margin:0 0 12px;filter:brightness(0) invert(1)}
.studio-about-signoff p{line-height:1.5}
.studio-about-signoff strong{display:block;color:#fff;font-size:18px;font-weight:600}
.studio-about-signoff span{display:block;margin-top:2px;color:rgba(255,255,255,.72);font-size:14px}
@media(min-width:1800px){.studio-about-copy{padding-top:80px}.studio-about-copy p{font-size:16px}}
@media(max-width:820px){
 .studio-about::before{background-position:32% center}
 .studio-about::after{background:linear-gradient(180deg,rgba(18,34,43,.77),rgba(18,34,43,.95) 38%,rgba(18,34,43,.97))}
 .studio-about-copy{width:auto;max-width:640px;margin:0 auto;padding:76px 26px 40px}
 .studio-about-copy h1{font-size:34px;margin-bottom:28px}
 .studio-about-copy h2{font-size:23px}
 .studio-about-copy p{font-size:15px;line-height:1.75}
 .studio-about-close{top:14px;right:14px}
 .studio-about-founder{grid-template-columns:88px minmax(0,1fr);gap:20px;padding-top:24px}
 .studio-about-headshot{width:88px}
 .studio-about-signature{width:92px;margin-bottom:8px}
 .studio-about-signoff strong{font-size:17px}
 .studio-about-signoff span{font-size:12px}
}
@media(max-height:500px) and (min-width:821px){.studio-about-copy{width:65%;margin-left:30%;padding-top:64px}.studio-about::after{background:linear-gradient(90deg,rgba(18,34,43,.3),rgba(18,34,43,.94) 30%,#172632 80%)}}
@media(prefers-reduced-motion:reduce){.studio-about,.studio-about::backdrop{transition:none}}
/* On desktop, About replaces the homepage below its existing header. */
body.is-studio-about-inline .site-shell>main,body.is-studio-about-inline .site-fit>.site-footer{visibility:hidden;pointer-events:none}
.studio-about-headshot{filter:contrast(.88) brightness(1.03)}
.studio-about-scrollbar{display:none}
.studio-about.is-inline{top:var(--studio-about-top,140px);height:calc(100dvh - var(--studio-about-top,140px));z-index:3;overflow:hidden}
.studio-about.is-inline::before,.studio-about.is-inline::after{top:var(--studio-about-top,140px)}
.studio-about.is-inline .studio-about-close{display:none}
.studio-about.is-inline .studio-about-scroll{position:absolute;left:43%;top:28px;bottom:28px;width:min(52%,850px);padding-right:38px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.studio-about.is-inline .studio-about-scroll::-webkit-scrollbar{display:none}
.studio-about.is-inline .studio-about-copy{width:100%;max-width:none;margin:0;padding:0 0 8px}
.studio-about.is-inline .studio-about-scrollbar{display:block;position:absolute;left:calc(43% + min(52%,850px) - 13px);top:28px;bottom:28px;width:18px;cursor:pointer;touch-action:none;outline:none}
.studio-about-scrollbar::before{content:"";position:absolute;left:calc(50% - .5px);top:0;bottom:0;width:1px;background:rgba(194,138,36,.65)}
.studio-about-scroll-thumb{position:absolute;left:4px;top:0;width:10px;height:64px;border-radius:0;background:#c28a24}
.studio-about-scrollbar:focus-visible .studio-about-scroll-thumb{background:#e7bc6c}
.studio-about-scrollbar.is-disabled{cursor:default}
.studio-about-scrollbar.is-disabled .studio-about-scroll-thumb{opacity:.55}
/* Page typography follows the same rendered heading and body styles as Home. */
.studio-about-copy h1{font-family:var(--studio-heading-family);font-size:var(--studio-heading-size);font-weight:var(--studio-heading-weight);line-height:1.64;letter-spacing:0}
.studio-about-copy h2{font-family:var(--studio-heading-family);font-size:calc(var(--studio-heading-size) * .72);font-weight:var(--studio-heading-weight);letter-spacing:0}
.studio-about-copy p,.studio-about-signoff strong,.studio-about-signoff span{font-family:var(--studio-copy-family);font-size:var(--studio-copy-size);font-weight:var(--studio-copy-weight);line-height:var(--studio-copy-line);color:var(--studio-copy-color)}

/* Lift the About copy slightly without changing its horizontal placement. */
.studio-about.is-inline .studio-about-scroll{top:4px}
@media(max-width:820px){.studio-about-copy{padding-top:48px}}
@media(max-height:500px) and (min-width:821px){.studio-about-copy{padding-top:36px}}

.studio-about.is-inline .studio-about-scrollbar.is-disabled{visibility:hidden;pointer-events:none}

.studio-collaborators .collaborators-intro+section{margin-top:30px}
.studio-collaborators .studio-about-copy a{font:inherit;color:#c28a24;text-underline-offset:3px;overflow-wrap:anywhere}
.studio-collaborators .studio-about-copy section p+p{margin-top:6px}

.studio-collaborators,.studio-collaborators .studio-about-scroll{outline:none}

.studio-collaborators .studio-about-copy section+section{border-top:1px solid rgba(194,138,36,.5);padding-top:26px}