/* BRY-128: typography leads; real work provides the proof. */
.br-home{background:#f3eee6}
.br-hero,.br-proof{font-family:'Manrope',sans-serif;box-sizing:border-box}
.br-hero *, .br-proof *{box-sizing:border-box}
.br-home .home-header{--sh-ink:#282a27;--sh-ink-muted:#595b55;--sh-bg-scrolled:rgba(243,238,230,.96);--sh-border-scrolled:rgba(40,42,39,.12);--sh-font:'Manrope',sans-serif}
.br-home .home-header .site-header__brand,.br-home .home-header .site-header__nav{opacity:1;animation:none}
.br-home .home-header .site-header__nav a{color:var(--sh-ink-muted)!important}
.br-home .home-header .site-header__nav .site-header__cta{color:#9c532f!important}
.br-home .ph-hero__socials{color:var(--sh-ink)!important}
.br-home .site-header__panel{--sh-ink:#f3eee6;--sh-ink-muted:#c9c5bc}
.br-hero{color:#282a27;background:#f3eee6;min-height:760px;height:94svh;max-height:1200px;padding:0 6vw}
.br-hero__inner{max-width:1600px;margin:auto;height:100%;display:flex;flex-direction:column;padding-top:clamp(160px,18vh,240px)}
.br-hero__title{font-family:inherit;font-weight:500;font-size:clamp(72px,10.5vw,174px);letter-spacing:-.075em;line-height:1.06;margin:0}
.br-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.br-hero__line{display:block;white-space:nowrap;transform-origin:left bottom}
.br-stop{color:#a66341}
.br-hero__welcome{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:58px 0 72px}
.br-hero__welcome>p{font-size:clamp(20px,2vw,28px);letter-spacing:-.035em;margin:0}
.br-hero__actions{display:flex;align-items:center;gap:32px}
.br-button,.br-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;color:inherit;font-size:15px;font-weight:600;min-height:52px}
.br-button{background:#282a27;color:#f3eee6;padding:0 24px;transition:background .2s,transform .2s}
.br-button:hover{background:#44463f}.br-button:active{transform:scale(.97)}
.br-text-link{position:relative}.br-text-link:after{content:'';position:absolute;bottom:8px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.br-text-link:hover:after{transform:scaleX(1)}
.br-hero svg,.br-proof svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}
.br-button:hover svg,.br-case__caption a:hover svg,.br-proof__close a:hover svg{transform:translateX(4px)}
.br-hero__actions .br-text-link:hover svg{transform:translateY(4px)}
.br-hero__foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccc8bf;padding:22px 0 26px;font-size:13px;color:#686a61}
.br-hero__foot a{display:grid;place-items:center;width:44px;height:32px;color:#282a27}
.br-proof{background:#282a27;color:#f3eee6;padding:110px 6vw 72px}
.br-proof__intro,.br-proof__work,.br-proof__close{max-width:1600px;margin-inline:auto}
.br-proof__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}
.br-proof__intro h2{font-family:inherit;font-size:clamp(42px,4.7vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}
.br-proof__line{display:block}
.br-proof__intro>p{font-size:17px;line-height:1.7;color:#c3c4b9;max-width:39ch;margin:0 0 4px}
.br-proof__work{display:grid;grid-template-columns:1.12fr .88fr;gap:5vw;margin-top:72px}
.br-case--axuni{padding-top:96px}
.br-case__visual{display:block;position:relative;overflow:hidden;aspect-ratio:1.43;background:#dedbd2;color:#f3eee6}
.br-case__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.br-case--web .br-case__visual img{object-position:center 28%}
.br-case--axuni .br-case__visual{aspect-ratio:1.42;background:#eceef5}
.br-case--axuni .br-case__visual img{object-fit:cover;object-position:left top}

.br-case__open{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;background:#282a27}
.br-case__caption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;margin-top:15px;color:#c3c4b9}
.br-case__caption a{display:flex;align-items:center;gap:12px;min-height:44px;color:#f3eee6;text-decoration:none}
.br-case__caption svg{width:18px;height:18px}
.br-case h3{font-family:inherit;font-size:clamp(24px,2.3vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.04em;max-width:23ch;margin:14px 0 18px}
.br-case>p{font-size:15px;line-height:1.7;color:#c3c4b9;max-width:48ch;margin:0}
.br-proof__close{margin-top:76px;border-top:1px solid #51534b;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.br-proof__close p{font-size:18px;letter-spacing:-.02em;margin:0}
.br-proof__close .br-text-link{color:#e3b49a}
.br-hero a:focus-visible,.br-proof a:focus-visible{outline:2px solid #b97650;outline-offset:6px}
@media(min-width:821px){.br-home .home-header .site-header__nav{display:flex}}
@media(max-width:1000px){.br-hero{min-height:720px}.br-hero__welcome{padding-bottom:52px}.br-proof__intro{gap:5vw}.br-proof__work{gap:4vw}.br-case__caption{align-items:flex-start;flex-direction:column;gap:0}.br-case--axuni{padding-top:72px}}
@media(min-width:701px) and (max-width:820px){.br-home .ph-hero__socials{right:calc(6vw + 48px)}}
@media(max-width:700px){
 .br-hero{padding:0 24px;height:84svh;min-height:660px;max-height:850px}
 .br-hero__inner{padding-top:148px}
 .br-hero__title{font-size:clamp(56px,15.4vw,96px);line-height:1.08;letter-spacing:-.065em}
 .br-hero__line{white-space:normal;max-width:100%}
 .br-hero__welcome{display:block;padding:36px 0 38px;margin-top:24px}
 .br-hero__welcome>p{font-size:20px}
 .br-hero__actions{margin-top:24px;gap:24px;flex-wrap:wrap}
 .br-button,.br-text-link{font-size:13px;gap:18px}.br-button{padding:0 18px}
 .br-hero__foot{margin-top:auto;padding:15px 0 18px;font-size:12px}
 .br-proof{padding:76px 24px 52px}
 .br-proof__intro{display:block}.br-proof__intro h2{font-size:40px;letter-spacing:-.055em}
 .br-proof__intro>p{font-size:16px;line-height:1.65;margin-top:26px}
 .br-proof__work{display:block;margin-top:44px}
 .br-case--axuni{padding-top:56px}
 .br-case__visual{aspect-ratio:1.23}.br-case--axuni .br-case__visual{aspect-ratio:1.22}
 .br-case__caption{flex-direction:row;align-items:center;margin-top:10px;font-size:10px;gap:8px}
 .br-case__caption a{gap:8px}.br-case__caption svg{width:16px}
 .br-case h3{font-size:28px;margin-top:16px;max-width:22ch}
 .br-case>p{font-size:15px}
 .br-proof__close{margin-top:48px;padding-top:24px;display:block}.br-proof__close p{font-size:18px;max-width:24ch}.br-proof__close a{margin-top:12px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.br-hero *,.br-proof *{transition:none!important;scroll-behavior:auto!important}}

/* Keep the header and editorial content on the same baseline. */
.br-home .home-header .site-header__inner{padding-inline:6vw}
@media(min-width:701px) and (max-width:1000px){.br-hero{height:84svh;max-height:880px}.br-hero__title{font-size:11.8vw}.br-hero__inner{padding-top:160px}}
@media(max-width:700px){.br-home .home-header .site-header__inner{padding-inline:24px}}

/* BRY-128 refinement: lead project, offset companion, separate mobile framing. */
.br-proof__intro{grid-template-columns:1.65fr 1fr;gap:6vw;align-items:start}
.br-proof__intro>p{margin-top:14px;max-width:34ch}
.br-proof__work{grid-template-columns:1.65fr 1fr;gap:6vw;margin-top:68px;align-items:start}
.br-case--web .br-case__visual{aspect-ratio:1.48}
.br-case--axuni{padding-top:210px}
.br-case--axuni .br-case__visual{aspect-ratio:1.18}
.br-case h3{max-width:19ch}
.br-case--axuni h3{font-size:clamp(24px,2.1vw,32px);max-width:18ch}
.br-case__visual img{transition:none}

.br-case__open{transition:background .2s,color .2s}


.br-case__visual:active .br-case__open{transform:scale(.96)}
@media(min-width:701px) and (max-width:1000px){
 .br-proof__intro,.br-proof__work{grid-template-columns:1.4fr 1fr;gap:4vw}
 .br-case--axuni{padding-top:164px}
 .br-case h3{font-size:27px}.br-case--axuni h3{font-size:24px}
}
@media(max-width:700px){
 .br-proof__intro,.br-proof__work{display:block}
 .br-proof__intro>p{margin-top:26px}
 .br-proof__work{margin-top:48px}
 .br-case--web .br-case__visual{width:calc(100% + 48px);margin-left:-24px;aspect-ratio:1.18}
 .br-case--axuni{padding-top:64px;margin-left:32px}
 .br-case--axuni .br-case__visual{aspect-ratio:1.12}
 .br-case h3{font-size:28px;max-width:21ch}
 .br-case--axuni h3{font-size:26px;max-width:19ch}
 .br-case--axuni .br-case__caption{display:block}
 .br-case--axuni .br-case__caption a{justify-content:space-between}
}

/* The boundary opens into the next surface without pinning normal scroll. */
.br-proof{position:relative;z-index:2;margin-top:-32px;padding-top:142px}
.br-case--web .br-case__visual img{object-position:center 46%}
@media(max-width:700px){.br-proof{padding-top:108px}}

/* The crop layer responds independently of the GSAP entrance image. */
.br-case__crop{display:block;position:absolute;inset:0;transform:scale(1);transition:transform 420ms cubic-bezier(.23,1,.32,1)}
.br-case__visual{transition:transform 280ms cubic-bezier(.23,1,.32,1),box-shadow 280ms cubic-bezier(.23,1,.32,1)}
.br-case__open{transition:background 220ms,color 220ms}
.br-case__open svg,.br-case__caption svg{transition:transform 280ms cubic-bezier(.23,1,.32,1)}
.br-case:has(a:focus-visible) .br-case__open{background:#f3eee6;color:#282a27}
@media(prefers-reduced-motion:no-preference){
 .br-case.is-settled:has(a:focus-visible) .br-case__visual{transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(0,0,0,.48)}
 .br-case.is-settled:has(a:focus-visible) .br-case__crop{transform:scale(1.02)}
 .br-case:has(a:focus-visible) .br-case__open svg{transform:translate(3px,-3px)}
 .br-case:has(a:focus-visible) .br-case__caption svg{transform:translateX(3px)}
 .br-case.is-settled .br-case__visual:active{transform:translateY(-1px)}
 .br-case.is-settled .br-case__visual:active .br-case__crop{transform:scale(1.015);transition-duration:140ms}
}
@media(hover:hover) and (pointer:fine){
 .br-case:hover .br-case__open{background:#f3eee6;color:#282a27}
 @media(prefers-reduced-motion:no-preference){
  .br-case.is-settled:hover .br-case__visual{transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(0,0,0,.48)}
  .br-case.is-settled:hover .br-case__crop{transform:scale(1.02)}
  .br-case:hover .br-case__open svg{transform:translate(3px,-3px)}
  .br-case:hover .br-case__caption svg{transform:translateX(3px)}
 }
}
@media(prefers-reduced-motion:reduce){
 .br-case__visual,.br-case__crop,.br-case__open,.br-case__open svg,.br-case__caption svg{transform:none!important;transition:none!important}
}