.site-header{--header-background:#fffbf2;--header-ink:#30140c}
@font-face{font-family:'PT Sans';src:url('/assets/bionero/editorial/fonts/pt-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/assets/source-serif-4-italic.ttf') format('truetype');font-weight:200 900;font-style:italic;font-display:swap}
.service-registers{--register-header:88px;--tab-height:clamp(48px,6.7vw,72px);--tab-width:clamp(180px,20.8vw,400px);background:#fffbf2}
.registers-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.registers-stage{position:relative}
.register{--sheet:#30140c;--tab-x:64%;position:relative;color:#fffbf2;padding-top:var(--tab-height)}
.register--rebranding{--sheet:#85862c;--tab-x:42%}
.register--brand-refresh{--sheet:#590c1a;--tab-x:52%}
.register--custom-projects{--sheet:#9bcbd7;--tab-x:39%}
.register::before{content:"";position:absolute;inset:calc(var(--tab-height) - 1px) 0 0;background:var(--sheet);z-index:0}
.register__tab{position:absolute;top:0;left:var(--tab-x);transform:translateX(-50%);width:var(--tab-width);height:var(--tab-height);border:0;padding:0 30px;background:transparent;color:inherit;cursor:pointer;font:400 clamp(18px,1.65vw,30px)/1.2 'PT Sans',Arial,sans-serif;white-space:nowrap;isolation:isolate;-webkit-tap-highlight-color:transparent}
.register__tab svg{position:absolute;inset:0;display:block;width:100%;height:calc(100% + 1px);fill:var(--sheet);z-index:-1}
.register__tab span{display:block}
.register__tab[aria-expanded="true"] span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.register__tab:focus-visible{outline:2px solid currentColor;outline-offset:-8px;border-radius:25px 25px 0 0}
.register__content{position:relative;padding:clamp(48px,6svh,80px) clamp(24px,3.7vw,70px);background:var(--sheet);font-size:clamp(16px,1.46vw,28px);line-height:1.35;outline-offset:-8px}
.register__content h2{margin:0 0 .6em;font:italic 400 clamp(34px,3.6vw,68px)/1.2 'Source Serif 4',Georgia,serif;max-width:28em;overflow-wrap:anywhere}
.register__content p{margin:0 0 1.1em;max-width:90em}
.register__content h3{margin:0;font:inherit;font-weight:650}
.register__link{display:inline-block;margin-top:1em;padding-block:8px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.register__content a:focus-visible{outline-color:currentColor}
.registers-ready{--folder-radius:clamp(28px,3.5vw,64px);background:transparent}
.registers-ready .registers-stage{height:calc(100svh - var(--register-header));min-height:340px;overflow:hidden;isolation:isolate;background:#fffbf2}
/* Continue the blue folder below the register viewport before the footer begins. */
.registers-ready::after{content:"";display:block;position:relative;z-index:1;height:max(275.4px,calc((100svh - var(--register-header)) * .81));background:#9bcbd7;border-radius:0 0 var(--folder-radius) var(--folder-radius)}
/* Put the photo behind the rounded corners, including with reduced motion. */
main:has(.registers-ready) + .site-footer{margin-top:calc(-1 * clamp(28px,3.5vw,64px));mask-image:none}
.registers-ready .register{position:absolute;inset:0;transform:translateY(var(--sheet-y));transition:transform .75s cubic-bezier(.22,.61,.36,1);will-change:transform}
.registers-ready .register__content{height:var(--content-height);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:currentColor transparent;padding-top:clamp(48px,6svh,80px);padding-bottom:28px}
.registers-ready .register__content[hidden]{display:none}
@media(max-width:760px){
 .service-registers{--register-header:116px;--tab-width:clamp(174px,48vw,260px);--tab-height:50px;}
 .register{--tab-x:67%}.register--rebranding{--tab-x:33%}.register--brand-refresh{--tab-x:64%}.register--custom-projects{--tab-x:34%}
 .register__tab{font-size:21px;padding-inline:22px}
 .register__content{padding:42px 20px;font-size:15px;line-height:1.45}
 .register__content h2{font-size:36px;line-height:1.2;margin-bottom:.6em}
 .registers-ready .register__content{padding-top:42px}
}
@media(max-width:350px){.register{--tab-x:65%}.register--rebranding{--tab-x:34%}.register--brand-refresh{--tab-x:65%}.register--custom-projects{--tab-x:34%}.register__content{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.registers-ready .register{transition:none;will-change:auto}}