.sf-about-hero.is-paused *,.sf-about-record.is-paused *{animation-play-state:paused!important}.sf-about-hero{background:var(--color-beige);padding-block:var(--space-xl);overflow-x:clip}.sf-about-hero__grid{display:grid;grid-template-columns:minmax(0,540px) minmax(0,620px);justify-content:space-between;gap:var(--space-md);align-items:center;max-width:var(--width-content);margin-inline:auto;padding-inline:var(--space-md)}.sf-about-hero__title{margin-bottom:26px;font-size:clamp(2.25rem, 1.2rem + 3vw, 3.75rem);line-height:1.12;color:var(--color-heading-dark)}.sf-about-hero__title span{display:block;white-space:nowrap}.sf-about-hero__lead{margin-bottom:34px;font-size:var(--text-body-lg);line-height:1.65;color:#4A5058}.sf-about-hero__lead strong{color:var(--color-heading-dark)}.sf-about-hero__btns{display:flex;flex-wrap:wrap;gap:14px}.sf-about-hero__art{position:relative;width:100%;max-width:620px;height:600px;justify-self:end}.sf-about-hero__art .stage{position:absolute;left:0;top:0;width:620px;transform-origin:0 0}@media (max-width:1000px){.sf-about-hero__grid{grid-template-columns:minmax(0,1fr)}.sf-about-hero__art{justify-self:center}}.sf-about-record{background:var(--color-white);padding-block:var(--space-xl);color:var(--color-dark-grey)}.sf-about-record__inner{display:flex;flex-direction:column;gap:40px;max-width:var(--width-content);margin-inline:auto;padding-inline:var(--space-md)}.sf-about-record__head{display:flex;flex-direction:column;gap:18px;max-width:760px}.sf-about-record__title{color:var(--color-heading-dark)}.sf-about-record__intro{font-size:var(--text-body-lg);line-height:1.65;color:#4A5058}.sf-about-record__clients{padding-top:var(--space-md);border-top:1px solid #e2dbcf}.sf-about-record__clients-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:var(--space-md)}.sf-about-record__clients h3{font-size:1.125rem;color:var(--color-heading-dark)}.sf-about-record__more{font-weight:700;color:var(--color-orange)}.sf-about-record__more:hover{color:var(--color-orange-dark)}.sf-about-record__clients .logos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px 40px}.sf-about-record__clients .logos li{flex:none}.sf-about-record__clients .logos img{max-width:100%;height:auto;filter:grayscale(1);opacity:.7;transition:filter 0.25s ease,opacity 0.25s ease}.sf-about-record__clients .logos img:hover{filter:none;opacity:1}@media (max-width:1000px){.sf-about-record__clients .logos{justify-content:center;gap:32px 48px}}@media (max-width:560px){.sf-about-record__clients .logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:32px 16px}}.sf-about-record .title,.sf-about-record .desc{margin:0}.sf-about-record .media *,.sf-about-record .media *::before,.sf-about-record .media *::after{box-sizing:content-box}.sf-about-record .back{flex:none}.sf-about-record .chat-name{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sf-about-record .chat-name b,.sf-about-record .chat-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-about-record .chat-name b{font-size:13px;color:var(--color-dark-grey)}.sf-about-record .chat-name span{font-size:10.5px;color:#5E646B}.sf-about-record .who--coord{color:#D9531E}.sf-about-record .who--pm{color:#3E6FB0}.sf-about-record .who--support{color:#2E9B42}.sf-about-record .ini{background:#2E9B42}.sf-about-record .city{font-size:12px;font-weight:700;color:var(--color-heading-dark)}.sf-about-record .time{min-height:1.3em;font-size:11px;color:#5E646B;font-variant-numeric:tabular-nums}.sf-about-record .clock .moon,.sf-about-record .clock.is-night .sun{display:none}.sf-about-record .clock.is-night .moon{display:block}.sf-about-record .st>svg path{fill:#E3DBCF}.sf-about-record .st .fill svg path{fill:#F7921E}.sf-about-record .shots img{max-width:none}.sf-about-services{background:var(--color-beige)}.sf-about-services h2{margin-bottom:40px;color:var(--color-heading-dark)}.sf-about-services__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}.sf-about-services__card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid #E6E1D8;border-radius:10px;overflow:hidden}.sf-about-services__media{display:grid;place-items:center;height:220px;background:var(--color-beige)}.sf-about-services__card--feature .sf-about-services__media{background:#FBE4DA}.sf-about-services__media img{width:80px}.sf-about-services__card--feature .sf-about-services__media img{width:150px;filter:drop-shadow(0 18px 20px rgba(20,25,29,.22))}.sf-about-services__body{padding:24px 26px 28px}.sf-about-services__body h3{margin-bottom:8px;font-family:var(--font-serif);font-size:24px;color:var(--color-heading-dark)}.sf-about-services__body p{margin-bottom:18px;font-size:15.5px;line-height:1.5;color:#5E646B}.sf-about-services__body ul{border-top:1px solid #EFEAE2}.sf-about-services__body li a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #EFEAE2;font-size:15px;font-weight:700;color:var(--color-dark-grey)}.sf-about-services__body li a:hover{color:var(--color-orange)}.sf-about-services__body li svg{width:13px;height:13px;fill:none;stroke:var(--color-orange);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media (max-width:900px){.sf-about-services__grid{grid-template-columns:minmax(0,1fr)}}.sf-about-record .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sf-about-record .cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media (min-width:620px){.sf-about-record .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-about-record .feature{grid-column:1 / -1}}@media (min-width:1000px){.sf-about-record .cards{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}.sf-about-record .feature{grid-column:span 2;grid-row:span 2}}.sf-about-record .card{display:flex;flex-direction:column;background:#fff;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94),border-color .25s}.sf-about-record .card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 18px 36px -12px rgba(37,45,58,.22),0 2px 6px rgba(37,45,58,.06)}.sf-about-record .media{position:relative;display:grid;place-items:center;aspect-ratio:5 / 3;background:#F7F4EF;overflow:hidden;transition:background-color .25s}.sf-about-record .card:hover .media{background:#efe9df}.sf-about-record .feature .media{flex:1;aspect-ratio:auto;min-height:520px;background:#fbe4da}.sf-about-record .feature:hover .media{background:#f9d8c9}.sf-about-record .body{display:flex;flex-direction:column;gap:5px;padding:18px 20px 20px}.sf-about-record .title{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:20px;line-height:1.2;color:#252D3A}.sf-about-record .feature .title{font-size:28px}.sf-about-record .desc{font-size:15px;line-height:1.5;color:#5E646B}.sf-about-record .phone{width:272px;height:484px;border-radius:36px;background:#14191D;padding:9px;box-sizing:border-box;box-shadow:0 30px 50px -24px rgba(37,45,58,.45);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.sf-about-record .feature:hover .phone{transform:translateY(-6px)}.sf-about-record .screen{height:100%;border-radius:28px;overflow:hidden;background:#EFE7DC;display:flex;flex-direction:column}.sf-about-record .chat-head{display:flex;align-items:center;gap:8px;padding:14px 12px 10px;background:#fff;border-bottom:1px solid #E7E1D8}.sf-about-record .faces{display:flex;flex:none}.sf-about-record .faces img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-sizing:border-box}.sf-about-record .faces img,.sf-about-record .faces .more{width:28px;height:28px}.sf-about-record .faces>*+*{margin-left:-11px}.sf-about-record .faces .more{border-radius:50%;border:2px solid #fff;box-sizing:border-box;background:#E7E1D8;color:#4A5058;font-size:10px;font-weight:700;display:grid;place-items:center}.sf-about-record .ini{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.sf-about-record .who{display:block;margin-bottom:2px;font-size:11px;font-weight:700}.sf-about-record .chip{align-self:center;margin:8px 0 2px;padding:4px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#4A5058;box-shadow:0 1px 2px rgba(0,0,0,.06)}.sf-about-record .yr{display:inline-flex;font-variant-numeric:tabular-nums;line-height:1}.sf-about-record .yr .col{display:block;height:1em;overflow:hidden}.sf-about-record .yr .strip{display:flex;flex-direction:column;animation-duration:20s;animation-iteration-count:infinite;animation-fill-mode:both}.sf-about-record .yr .strip span{display:block;height:1em;line-height:1em}.sf-about-record .yr .tens{animation-name:sfr-tens}.sf-about-record .yr .units{animation-name:sfr-units}@keyframes sfr-tens{0%,46%{transform:translateY(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}50%,100%{transform:translateY(-1em)}}@keyframes sfr-units{0%,21%{transform:translateY(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}25%,46%{transform:translateY(-2em);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}50%,71%{transform:translateY(-6em);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}75%,100%{transform:translateY(-9em)}}.sf-about-record .msgs{position:relative;flex:1;overflow:hidden}.sf-about-record .group{position:absolute;inset:6px 8px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}.sf-about-record .row{display:flex;align-items:flex-end;gap:6px;animation-duration:20s;animation-iteration-count:infinite;animation-fill-mode:both}.sf-about-record .row.out{flex-direction:row-reverse}.sf-about-record .row>img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.sf-about-record .slot{display:grid;max-width:76%}.sf-about-record .slot>*{grid-area:1 / 1}.sf-about-record .out .slot{justify-items:end}.sf-about-record .bub{padding:7px 9px 5px;border-radius:12px;font-size:12.5px;line-height:1.4;color:#14191D;box-shadow:0 1px 1px rgba(0,0,0,.06)}.sf-about-record .in .bub{background:#fff;border-bottom-left-radius:4px}.sf-about-record .out .bub{background:#DCF6CF;border-bottom-right-radius:4px}.sf-about-record .meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;font-size:10px;color:#7A8086}.sf-about-record .r0{animation-name:sfr-p0}.sf-about-record .rA{animation-name:sfr-pA}.sf-about-record .rB{animation-name:sfr-pB}@keyframes sfr-p0{0%{opacity:0;transform:translateY(10px) scale(.96);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}2.5%,22%{opacity:1;transform:none}24%,100%{opacity:0;transform:translateY(-6px)}}@keyframes sfr-pA{0%{opacity:0;transform:translateY(10px) scale(.96);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}2.5%,18%{opacity:1;transform:none}20%,100%{opacity:0;transform:translateY(-6px)}}@keyframes sfr-pB{0%{opacity:0;transform:translateY(10px) scale(.96);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}2.5%,9%{opacity:1;transform:none}11%,100%{opacity:0;transform:translateY(-6px)}}.sf-about-record .typing{align-self:end;display:flex;gap:3px;padding:10px 11px;border-radius:12px;border-bottom-left-radius:4px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06);animation:sfr-tyout 20s infinite both}.sf-about-record .typing i{width:5px;height:5px;border-radius:50%;background:#9AA0A6;animation:sfr-dot 1s infinite}.sf-about-record .typing i:nth-child(2){animation-delay:.15s}.sf-about-record .typing i:nth-child(3){animation-delay:.3s}@keyframes sfr-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}@keyframes sfr-tyout{0%,4.5%{opacity:1}5%,100%{opacity:0}}.sf-about-record .reply{animation:sfr-tyin 20s infinite both}@keyframes sfr-tyin{0%,4.5%{opacity:0;transform:scale(.92);transform-origin:0 100%;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}6.5%,100%{opacity:1;transform:none}}.sf-about-record .pic{display:block;width:100%;height:84px;object-fit:cover;border-radius:8px;margin-bottom:5px}.sf-about-record .plan{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:5px;padding:7px;border-radius:8px;background:#F7F4EF}.sf-about-record .plan span{height:11px;border-radius:3px;background:#E3DBCF}.sf-about-record .plan span:first-child{grid-column:1 / -1;background:#F05A28;opacity:.85}.sf-about-record .link{display:flex;flex-direction:column;margin-bottom:5px;border-radius:8px;overflow:hidden;background:#F4F1EC}.sf-about-record .link img{width:100%;height:64px;object-fit:cover;display:block}.sf-about-record .link span{padding:5px 7px;font-size:11px;font-weight:700}.sf-about-record .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:5px}.sf-about-record .thumbs img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px;display:block}.sf-about-record .file{display:flex;align-items:center;gap:7px;margin-bottom:5px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.7);font-size:11.5px;font-weight:700}.sf-about-record .composer{display:flex;align-items:center;gap:7px;padding:7px 9px 11px}.sf-about-record .composer span:first-child{flex:1;padding:8px 12px;border-radius:999px;background:#fff;font-size:12px;color:#8A9096}.sf-about-record .mic{width:32px;height:32px;border-radius:50%;background:#32B34A;display:grid;place-items:center;flex:none}.sf-about-record .shots{position:relative;width:78%;height:78%}.sf-about-record .shots img{position:absolute;border-radius:6px;box-shadow:0 14px 24px -12px rgba(37,45,58,.4),0 1px 3px rgba(37,45,58,.1);transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.sf-about-record .shots .s1{left:0;top:0;width:66%}.sf-about-record .shots .s2{left:14%;top:16%;width:66%}.sf-about-record .shots .s3{left:28%;top:32%;width:66%}.sf-about-record .shots .ph{right:0;bottom:-8%;width:22%;border-radius:8px}.sf-about-record .card:hover .s1{transform:translate(-6px,-6px)}.sf-about-record .card:hover .s3{transform:translate(6px,4px)}.sf-about-record .card:hover .ph{transform:translateY(-6px)}.sf-about-record .clocks{display:flex;align-items:flex-start;gap:8px}.sf-about-record .clocks>div{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.sf-about-record .card:hover .clocks>div:nth-child(1){transform:translateX(-6px)}.sf-about-record .card:hover .clocks>div:nth-child(3){transform:translateX(6px)}.sf-about-record .sky{position:absolute;left:50%;top:58%;transform:translateX(-50%);line-height:0}.sf-about-record .sun{animation:sfr-spin 14s linear infinite}.sf-about-record .tw{animation:sfr-twinkle 2.4s ease-in-out infinite}.sf-about-record .tw2{animation-delay:1.2s}@keyframes sfr-twinkle{0%,100%{opacity:.15}50%{opacity:1}}.sf-about-record .clock{position:relative;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 10px 18px -10px rgba(37,45,58,.45),inset 0 0 0 1.5px #252D3A}.sf-about-record .clock.is-night{background:#252D3A}.sf-about-record .tick{position:absolute;left:50%;top:4px;width:1.5px;height:4px;margin-left:-.75px;background:#C9C3B8;transform-origin:50% 29px}.sf-about-record .tick.q{height:6px;background:#252D3A}.sf-about-record .is-night .tick{background:#4A5560}.sf-about-record .is-night .tick.q{background:#F7F4EF}.sf-about-record .hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:2px;background:#252D3A}.sf-about-record .is-night .hand{background:#fff}.sf-about-record .hand.h{width:2.5px;margin-left:-1.25px;height:16px}.sf-about-record .hand.m{width:1.5px;margin-left:-.75px;height:23px}.sf-about-record .hand.s{width:1px;margin-left:-.5px;height:26px;background:#F05A28;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sf-about-record .is-night .hand.s{background:#F05A28}.sf-about-record .pin{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#F05A28}.sf-about-record .feed{width:88%;height:136px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}.sf-about-record .feed-track{animation:sfr-feed 15s infinite both}@keyframes sfr-feed{0%,12.67%{transform:translateY(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}16.67%,29.33%{transform:translateY(-48px);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}33.33%,46%{transform:translateY(-96px);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}50%,62.67%{transform:translateY(-144px);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}66.67%,79.33%{transform:translateY(-192px);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}83.33%,96%{transform:translateY(-240px);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}100%{transform:translateY(-288px)}}.sf-about-record .note{display:flex;white-space:nowrap;align-items:center;gap:10px;height:40px;margin-bottom:8px;padding:0 12px;box-sizing:border-box;border-radius:8px;background:#fff;font-size:13px;font-weight:700;color:#252D3A;box-shadow:0 10px 18px -12px rgba(37,45,58,.35),0 1px 3px rgba(37,45,58,.08)}.sf-about-record .tk{position:relative;flex:none;width:20px;height:20px}.sf-about-record .ring{position:absolute;inset:0;border-radius:50%;border:2px solid #E3DBCF;border-top-color:#F05A28;box-sizing:border-box;animation-name:sfr-spin,sfr-ringfade;animation-duration:.8s,15s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-fill-mode:none,both}.sf-about-record .tk{width:24px;height:24px}.sf-about-record .ok{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;animation:sfr-okpop 15s infinite both}.sf-about-record .done{margin-left:auto;font-size:11px;font-weight:700;color:#2E9B42;animation:sfr-donein 15s infinite both}@keyframes sfr-donein{0%,8%{opacity:0;transform:translateX(4px)}12%,100%{opacity:1;transform:none}}@keyframes sfr-spin{to{transform:rotate(360deg)}}@keyframes sfr-ringfade{0%,6%{opacity:1}8%,100%{opacity:0}}@keyframes sfr-okpop{0%,6%{transform:scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10%,100%{transform:scale(1)}}.sf-about-record .sets{display:grid}.sf-about-record .set{grid-area:1 / 1;display:flex;align-items:center;gap:6px;animation:sfr-set 24s infinite both}@keyframes sfr-set{0%,24%{opacity:1}25%,100%{opacity:0}}.sf-about-record .st{position:relative;display:block;width:28px;height:28px;animation:sfr-starpop 6s infinite both}.sf-about-record .st svg{display:block}.sf-about-record .fill{position:absolute;left:0;top:0;height:100%;overflow:hidden}.sf-about-record .score{margin-left:6px;font-size:15px;font-weight:700;color:#252D3A;font-variant-numeric:tabular-nums}@keyframes sfr-starpop{0%{transform:scale(.5);opacity:.25;filter:grayscale(1);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}10%,88%{transform:scale(1);opacity:1;filter:none}95%,100%{transform:scale(.5);opacity:.25;filter:grayscale(1)}}.sf-about-record .rvs{display:grid}.sf-about-record .rv{grid-area:1 / 1;display:flex;flex-direction:column;gap:6px;animation:sfr-rv 24s infinite both}@keyframes sfr-rv{0%,2%{opacity:0;transform:translateY(8px)}6%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-6px)}}.sf-about-record .rv .title{font-size:18px}.sf-about-record .pips{display:flex;gap:5px;margin-top:12px}.sf-about-record .pips i{height:6px;width:6px;border-radius:3px;background:#E0DAD0;animation:sfr-pip 24s infinite both}@keyframes sfr-pip{0%,24%{width:16px;background:#F05A28}25%,100%{width:6px;background:#E0DAD0}}@media (prefers-reduced-motion:reduce){.sf-about-record .row,.sf-about-record .typing,.sf-about-record .reply{animation:none!important}.sf-about-record .row{opacity:0}.sf-about-record .g4 .row{opacity:1}.sf-about-record .typing{opacity:0}.sf-about-record .yr .strip{animation:none!important}.sf-about-record .yr .tens{transform:translateY(-1em)}.sf-about-record .yr .units{transform:translateY(-9em)}.sf-about-record .feed-track,.sf-about-record .ring,.sf-about-record .ok,.sf-about-record .done,.sf-about-record .sun,.sf-about-record .tw{animation:none!important}.sf-about-record .hand.s{transition:none}.sf-about-record .st,.sf-about-record .rv,.sf-about-record .pips i,.sf-about-record .set{animation:none!important}.sf-about-record .rv,.sf-about-record .set{opacity:0}.sf-about-record .rv:first-child,.sf-about-record .set:first-child{opacity:1}.sf-about-record .ring{opacity:0}.sf-about-record .card,.sf-about-record .card *{transition:none!important}}