#approach.ribbon-section{background:#f5f1e9;color:#192333;padding:58px 0 54px;overflow:hidden}#approach .wrap{max-width:1280px}#approach .ribbon-intro{text-align:center;max-width:760px;margin:0 auto}#approach .eyebrow{justify-content:center;color:#6c675f}#approach .ribbon-intro h2{font-size:clamp(28px,3vw,43px);line-height:1.18;letter-spacing:-1.6px;margin:17px 0 14px}#approach .ribbon-intro p{font-size:16px;line-height:1.65;color:#62656b;max-width:590px;margin:auto}#approach .ribbon-desktop{position:relative;height:auto;aspect-ratio:1152/365;margin:5px -2% -8px;isolation:isolate}#approach .ribbon-desktop>img{position:absolute;width:100%;height:auto;top:-28%;left:0;mix-blend-mode:multiply}#approach .ribbon-signal{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#approach .ribbon-signal path{fill:none;stroke:#ed8a35;stroke-linecap:round;stroke-dasharray:50 1100;stroke-dashoffset:80;opacity:0;animation:signal-travel 9s linear infinite}.signal-soft{stroke-width:9;filter:url(#signal-glow)}.signal-sharp{stroke-width:2}#approach .ribbon-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;position:relative}#approach .ribbon-stage-copy{display:flex;gap:13px;align-items:baseline}#approach .ribbon-number{font:500 11px 'DM Sans',sans-serif;color:#a06c3e;letter-spacing:1px}#approach .ribbon-stage h3{font-size:20px;margin:0 0 9px;letter-spacing:-.5px}#approach .ribbon-stage p{font-size:14px;line-height:1.6;color:#62656b;margin:0;max-width:290px}#approach .ribbon-beacon{position:absolute;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#ffb75c55,transparent 65%);opacity:0;animation:stage-light 9s infinite;pointer-events:none}.beacon-0{left:12%;top:29%}.beacon-1{left:43%;top:20%;animation-delay:2.5s!important}.beacon-2{left:73%;top:36%;animation-delay:5s!important}#approach .ribbon-confirm{position:absolute;left:43%;top:24%;color:#ffc16d;font-size:21px;opacity:0;animation:confirm-choice 9s infinite}#approach .ribbon-typing{position:absolute;left:70%;top:42%;display:flex;gap:5px;opacity:0;animation:reply-appear 9s infinite}#approach .ribbon-typing i{width:6px;height:6px;background:#fff3d9;border-radius:50%;animation:typing-dot 1.2s infinite}.ribbon-typing i:nth-child(2){animation-delay:.15s!important}.ribbon-typing i:nth-child(3){animation-delay:.3s!important}#approach .ribbon-mobile-art{display:none}#approach:not(.motion-visible) *{animation-play-state:paused!important}@keyframes signal-travel{0%,8%{opacity:0;stroke-dashoffset:80}12%{opacity:.8}74%{opacity:.8;stroke-dashoffset:-1000}80%,100%{opacity:0;stroke-dashoffset:-1100}}@keyframes stage-light{0%,7%,35%,100%{opacity:0;transform:scale(.9)}16%,24%{opacity:1;transform:scale(1.15)}}@keyframes confirm-choice{0%,33%,66%,100%{opacity:0;transform:translateY(5px)}39%,58%{opacity:1;transform:translateY(0)}}@keyframes reply-appear{0%,61%,92%,100%{opacity:0;transform:translateX(-6px)}68%,85%{opacity:1;transform:translateX(0)}}@keyframes typing-dot{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-3px);opacity:1}}
@media(max-width:700px){#approach.ribbon-section{padding:39px 0 38px}#approach .wrap{padding:0 24px}#approach .ribbon-intro{text-align:left}#approach .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:2px}#approach .ribbon-intro h2{font-size:31px;letter-spacing:-1.2px;max-width:320px;margin:15px 0 12px}#approach .ribbon-intro p{font-size:14px;line-height:1.6}#approach .ribbon-desktop{display:none}#approach .ribbon-stages{display:block;margin-top:12px}#approach .ribbon-stage{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:155px;gap:0;border-bottom:1px solid #19233312}#approach .ribbon-stage:last-child{border:0}#approach .ribbon-mobile-art{display:block;position:relative;height:150px;background-image:url('media/approach-ribbon-c.png');background-repeat:no-repeat;background-size:510px 287px;mix-blend-mode:multiply}#approach .mobile-art-0{background-position:-30px -42px}#approach .mobile-art-1{background-position:-172px -42px}#approach .mobile-art-2{background-position:-324px -42px}#approach .ribbon-stage-copy{gap:8px;padding-left:6px}#approach .ribbon-stage h3{font-size:18px;margin-bottom:6px}#approach .ribbon-stage p{font-size:12px;line-height:1.55}#approach .ribbon-number{font-size:9px}#approach .mobile-stage-glow{position:absolute;inset:28% 10%;background:radial-gradient(#ffb75c44,transparent 68%);animation:stage-light 9s infinite}.mobile-art-1 .mobile-stage-glow{animation-delay:2.5s!important}.mobile-art-2 .mobile-stage-glow{animation-delay:5s!important}}
@media(prefers-reduced-motion:reduce){#approach *{animation:none!important}#approach .ribbon-signal,#approach .ribbon-beacon,#approach .ribbon-confirm,#approach .ribbon-typing,#approach .mobile-stage-glow{display:none!important}}
#approach .ribbon-desktop{overflow:hidden;isolation:auto;mix-blend-mode:multiply;aspect-ratio:1152/335;margin:10px -2% 10px}#approach .ribbon-desktop>img{top:-29%;mix-blend-mode:normal}#approach.ribbon-section{padding:45px 0 42px}#approach .ribbon-intro{position:relative;z-index:1}
@media(max-width:700px){#approach.ribbon-section{padding:34px 0}#approach .ribbon-desktop{display:none}}
#approach .ribbon-desktop{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}#approach .ribbon-desktop>img{mask-image:linear-gradient(to bottom,transparent 12%,#000 25%,#000 67%,transparent 83%);-webkit-mask-image:linear-gradient(to bottom,transparent 12%,#000 25%,#000 67%,transparent 83%)}#approach .ribbon-mobile-art{mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,#000 50%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,#000 50%,transparent 90%)}
#approach.ribbon-section{background:#fff0dc}#approach .ribbon-desktop{aspect-ratio:1152/405;max-width:1060px;margin:0 auto -2px;mask-image:radial-gradient(ellipse 69% 64% at 50% 50%,#000 61%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 69% 64% at 50% 50%,#000 61%,transparent 100%)}#approach .ribbon-desktop>img{top:-23%;mask-image:none;-webkit-mask-image:none}#approach .ribbon-intro p{max-width:650px}#approach .ribbon-stages{gap:32px}#approach .ribbon-mobile-art{background-color:transparent}
@media(max-width:700px){#approach .ribbon-stage{min-height:155px}}
#approach .ribbon-signal,#approach .ribbon-beacon,#approach .ribbon-confirm,#approach .ribbon-typing,#approach .mobile-stage-glow{display:none!important}
#approach.ribbon-section{background:#f5f1e9}#approach .ribbon-desktop{mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal}#approach .ribbon-desktop>img{mix-blend-mode:normal}#approach .ribbon-mobile-art{background-image:url('media/approach-ribbon-shadowless-v3.png');mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
#approach.ribbon-section{background:#fff0dc}#approach .ribbon-desktop>img{mix-blend-mode:multiply}#approach .ribbon-mobile-art{mix-blend-mode:multiply}

#approach.ribbon-section{background:#f5f1e9!important}#approach .ribbon-desktop,#approach .ribbon-desktop>img,#approach .ribbon-mobile-art{mix-blend-mode:normal!important;background-color:transparent!important}

#approach .ribbon-intro p{line-height:1.5}#approach .ribbon-stage p{max-width:none;font-size:14px;line-height:1.65}#approach .ribbon-stage-copy>div{min-width:0}