.practice-beam{--practice-bg:#080b0a;--practice-ink:#f1efe5;--practice-muted:#b7b9ad;--practice-line:rgba(224,220,201,.24);--practice-accent:224,184,111;position:relative;isolation:isolate;overflow:hidden;background:var(--practice-bg)!important;color:var(--practice-ink)!important;min-height:630px;padding-top:clamp(72px,9vw,124px)!important;padding-bottom:clamp(64px,8vw,108px)!important}
.practice-beam .practice-beam-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint;background:radial-gradient(ellipse at 14% 10%,rgba(44,56,44,.23),transparent 48%),linear-gradient(115deg,#080b0a 0%,#101512 48%,#080b0a 100%)}
.practice-beam .practice-beam-wash{position:absolute;inset:-15%;background:radial-gradient(ellipse at var(--beam-x,58%) var(--beam-y,48%),rgba(var(--practice-accent),.10),transparent 36%);opacity:.75;transition:opacity .5s ease}
.practice-beam .practice-beam-beam{position:absolute;inset:-60%;background:linear-gradient(112deg,transparent 42%,rgba(var(--practice-accent),.015) 47%,rgba(var(--practice-accent),.09) 49.5%,rgba(255,237,196,.17) 50%,rgba(var(--practice-accent),.075) 50.8%,transparent 55%,transparent 75%,rgba(222,215,190,.025) 78%,transparent 82%);transform:translateX(var(--beam-drift,0px));filter:blur(22px);opacity:.82;will-change:transform}
.practice-beam .practice-beam-glow{position:absolute;inset:0;background:radial-gradient(ellipse 360px 250px at var(--beam-x,58%) var(--beam-y,48%),rgba(255,221,163,.14),rgba(var(--practice-accent),.055) 36%,transparent 75%);mix-blend-mode:screen;opacity:.86;transition:opacity .35s ease}
.practice-beam .practice-beam-grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.practice-beam .practice-wordmark{position:absolute;left:50%;bottom:-.21em;transform:translateX(-50%);width:max-content;max-width:none;white-space:nowrap;font-family:var(--serif);font-size:clamp(116px,24vw,390px);font-weight:600;line-height:.78;letter-spacing:-.09em;color:rgba(230,226,211,.035);text-shadow:0 1px 0 rgba(255,255,255,.035);user-select:none}
.practice-beam-content{position:relative;z-index:1}.practice-beam .section-index{color:rgba(230,228,215,.55)}.practice-beam .story-grid{align-items:start}.practice-beam .story-grid h2{color:var(--practice-ink)}.practice-beam .story-grid h2 em{color:#e6c68f}.practice-beam .story-grid p{color:#e7e5da}.practice-beam .story-grid .muted-copy{color:var(--practice-muted)}.practice-beam .arrow-link{color:var(--practice-ink);border-color:rgba(231,224,204,.6)}.practice-beam .arrow-link b{color:#e6c68f}.practice-beam .about-values{border-color:var(--practice-line)}.practice-beam .about-values div{border-color:var(--practice-line)}.practice-beam .about-values span{color:#d2b67f}.practice-beam .about-values strong{color:#f1efe5}.practice-beam::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(226,207,163,.55),transparent);z-index:1}
@media(max-width:760px){.practice-beam{min-height:680px;padding-top:78px!important;padding-bottom:70px!important}.practice-beam .practice-wordmark{font-size:clamp(94px,31vw,200px);bottom:-.16em}.practice-beam .practice-beam-beam{inset:-40%;filter:blur(28px)}.practice-beam .practice-beam-glow{background:radial-gradient(ellipse 230px 200px at var(--beam-x,58%) var(--beam-y,48%),rgba(255,221,163,.14),rgba(var(--practice-accent),.04) 44%,transparent 76%)}.practice-beam .about-values{margin-top:48px}.practice-beam .about-values div{gap:14px;padding-top:16px}.practice-beam .about-values div+div{padding-left:13px}.practice-beam .about-values strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.practice-beam .practice-beam-beam{transform:none!important}.practice-beam .practice-beam-wash,.practice-beam .practice-beam-glow{transition:none}}
/* Continuous projector sweep: the light source moves across the section while the beam travels through the wordmark and copy. */
.practice-beam .practice-beam-beam{inset:-54% -70%;background:linear-gradient(110deg,transparent 36%,rgba(var(--practice-accent),.025) 41%,rgba(var(--practice-accent),.16) 46.5%,rgba(255,238,198,.42) 49.5%,rgba(255,225,167,.23) 50.4%,rgba(var(--practice-accent),.12) 52%,transparent 58%,transparent 72%,rgba(248,235,202,.04) 75%,transparent 80%);filter:blur(14px);opacity:.95;animation:practice-projector-sweep 8.5s cubic-bezier(.45,0,.35,1) infinite alternate;will-change:transform}
.practice-beam .practice-beam-scene::before{content:"";position:absolute;z-index:1;top:-43px;left:50%;width:115px;height:100px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 5%,rgba(255,250,227,.95) 0,rgba(255,220,156,.55) 7%,rgba(var(--practice-accent),.18) 26%,transparent 72%);filter:blur(3px);animation:practice-projector-origin 8.5s cubic-bezier(.45,0,.35,1) infinite alternate}
.practice-beam .practice-beam-wash{background:radial-gradient(ellipse at var(--beam-x,58%) var(--beam-y,48%),rgba(255,231,183,.14),rgba(var(--practice-accent),.07) 20%,transparent 43%);opacity:.9}
@keyframes practice-projector-sweep{0%{transform:translate3d(-12%,0,0)}100%{transform:translate3d(12%,0,0)}}
@keyframes practice-projector-origin{0%{left:12%}100%{left:88%}}
@media(max-width:760px){.practice-beam .practice-beam-beam{inset:-40% -85%;filter:blur(18px);animation-duration:10s}.practice-beam .practice-beam-scene::before{animation-duration:10s;width:80px;height:76px}}
@media(prefers-reduced-motion:reduce){.practice-beam .practice-beam-beam,.practice-beam .practice-beam-scene::before{animation:none!important}}
.practice-beam .practice-wordmark{font-size:clamp(180px,32vw,520px);letter-spacing:-.08em;color:rgba(231,226,210,.18);background:linear-gradient(110deg,rgba(231,226,210,.19),rgba(226,195,134,.28) 52%,rgba(231,226,210,.16));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.07),0 0 42px rgba(221,186,120,.08)}
@media(max-width:760px){.practice-beam .practice-wordmark{font-size:clamp(130px,43vw,280px);letter-spacing:-.085em}}
.practice-beam .practice-wordmark{font-size:calc(clamp(180px,32vw,520px) + 100px);transform:translateX(-50%) scaleX(.82)}
.practice-beam .practice-beam-side-beam{position:absolute;inset:-55% -70%;pointer-events:none;background:linear-gradient(18deg,transparent 37%,rgba(var(--practice-accent),.025) 43%,rgba(var(--practice-accent),.13) 47.5%,rgba(255,239,199,.32) 49.5%,rgba(var(--practice-accent),.16) 51%,transparent 57%,transparent 73%,rgba(255,239,199,.035) 77%,transparent 82%);filter:blur(17px);opacity:.78;transform:translate3d(-15%,0,0) rotate(-3deg);animation:practice-left-projector 10s cubic-bezier(.42,0,.4,1) infinite alternate;will-change:transform}
.practice-beam .practice-beam-scene::after{content:"";position:absolute;z-index:1;left:-76px;top:48%;width:180px;height:132px;transform:translateY(-50%);background:radial-gradient(ellipse at 0 50%,rgba(255,249,222,.7) 0,rgba(255,220,156,.3) 13%,rgba(var(--practice-accent),.1) 38%,transparent 74%);filter:blur(5px);animation:practice-left-source 10s ease-in-out infinite alternate}
@keyframes practice-left-projector{0%{transform:translate3d(-18%,0,0) rotate(-3deg);opacity:.52}100%{transform:translate3d(5%,0,0) rotate(-3deg);opacity:.86}}
@keyframes practice-left-source{0%{opacity:.5;top:34%}100%{opacity:1;top:68%}}
@media(max-width:760px){.practice-beam .practice-wordmark{font-size:calc(clamp(130px,43vw,280px) + 44px);transform:translateX(-50%) scaleX(.66)}.practice-beam .practice-beam-side-beam{inset:-42% -90%;filter:blur(22px);animation-duration:11s}.practice-beam .practice-beam-scene::after{left:-105px;width:145px;height:115px}}
@media(prefers-reduced-motion:reduce){.practice-beam .practice-beam-side-beam,.practice-beam .practice-beam-scene::after{animation:none!important}}
.practice-beam .practice-beam-side-beam{background:linear-gradient(18deg,transparent 38%,rgba(var(--practice-accent),.055) 43%,rgba(var(--practice-accent),.20) 47.5%,rgba(255,242,205,.46) 49.7%,rgba(255,226,171,.28) 50.5%,rgba(var(--practice-accent),.14) 53%,transparent 59%,transparent 73%,rgba(255,240,201,.05) 77%,transparent 82%);filter:blur(12px);opacity:.94}
.practice-beam .practice-beam-scene::after{left:-62px;width:230px;height:156px;filter:blur(3px)}
@media(max-width:760px){.practice-beam .practice-beam-side-beam{filter:blur(16px)}.practice-beam .practice-beam-scene::after{left:-82px;width:185px;height:130px}}
/* Keep the previous wordmark size; lift it so the full word clears the section edge. */
.practice-beam .practice-wordmark{font-size:clamp(180px,32vw,520px);bottom:calc(.10em + 100px);transform:translateX(-50%)}
@media(max-width:760px){.practice-beam .practice-wordmark{font-size:clamp(130px,43vw,280px);bottom:calc(.10em + 44px);transform:translateX(-50%) scaleX(.66)}}
/* The wordmark stays nearly black and catches the moving projector beam. */
.practice-beam .practice-wordmark{background-image:linear-gradient(110deg,#030404 0%,#030404 43%,rgba(224,184,111,.42) 47.5%,#fff2cb 50%,rgba(224,184,111,.48) 52.5%,#030404 57%,#030404 100%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:practice-wordmark-light 8.5s cubic-bezier(.45,0,.35,1) infinite alternate}
.practice-beam.wordmark-hovered .practice-wordmark,.practice-beam .practice-wordmark:hover{background-image:radial-gradient(ellipse 230px 150px at var(--beam-x,58%) var(--beam-y,48%),rgba(255,242,203,.96) 0%,rgba(224,184,111,.76) 24%,rgba(224,184,111,.28) 48%,transparent 74%),linear-gradient(#030404,#030404);background-size:100% 100%;background-position:50% 50%;animation:none}
@keyframes practice-wordmark-light{0%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.practice-beam .practice-wordmark{animation:none;background-position:50% 0}}

/* Prevent the oversized background wordmark from clipping at the lower edge. */
.practice-beam .practice-wordmark{line-height:1.05;bottom:calc(.10em + 155px)}
@media(max-width:760px){.practice-beam .practice-wordmark{line-height:1.02;bottom:calc(.10em + 88px)}}