:root{--gold:#b8a583;--ink:#292929;--muted:#888;--rule:#e2e2e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Bronova,'OPPO Sans 4.0',sans-serif;font-weight:400}h1,h2,h3,h4,p{margin:0}img,svg{display:block;max-width:100%}em{font-style:normal;color:var(--gold)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,[tabindex]{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.navigation{height:7.1vw;min-height:76px;display:flex;align-items:center;padding:0 8.3%;gap:5.2vw}.nav-logo{width:7.1vw;max-height:5.7vw;min-width:88px}.navigation nav{margin-left:auto;display:flex;gap:3.4vw;font-size:1.08vw;font-weight:600}.menu-mark{width:2.6vw;display:grid;gap:.38vw}.menu-mark i{height:3px;background:#333;display:block}.section{position:relative;padding-left:8.3%;padding-right:8.3%}.about{background:#f7f7f7;padding-top:4.5vw;padding-bottom:8.4vw;min-height:63.5vw}.about-heading{position:relative;width:71%;padding-bottom:4.4vw}.about-heading h1{font-size:12.05vw;line-height:.9;font-weight:400;letter-spacing:-.045em}.about-heading h1 span{display:block}.about-heading h1 span+span{margin-left:9.1vw}.about-heading .arrow{position:absolute;top:0;right:0;width:8.8vw}.arrow,.up-arrow{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:square}.floating-logo{position:absolute;right:8.2%;top:3.1vw;width:19.2%;height:25vw;display:grid;place-items:center}.floating-logo img{width:100%;height:90%;object-fit:contain;animation:float-logo 5s ease-in-out infinite;position:relative;z-index:1}.floating-logo span{position:absolute;bottom:0;width:65%;height:9%;background:radial-gradient(ellipse,rgba(0,0,0,.15),transparent 70%);filter:blur(7px);animation:float-shadow 5s ease-in-out infinite}@keyframes float-logo{50%{transform:translateY(-16px)}}@keyframes float-shadow{50%{opacity:.5;transform:scale(.85)}}.section-label{display:flex;align-items:center;gap:.9vw;font-size:2.4vw;position:relative}.section-label i{display:block;border-radius:100%;width:.8vw;height:.8vw;background:var(--gold);flex-shrink:0}.section-label img{width:auto;height:2.65vw}.about-copy{margin-left:36%;margin-top:-2.4vw}.about-row{border-top:1px solid var(--rule);display:grid;grid-template-columns:29% 1fr;gap:3vw;padding:4vw 0 3.5vw;font-family:'OPPO Sans 4.0',sans-serif}.about-row h2{font-size:1.18vw;line-height:1.65;font-weight:600}.about-row p{font-size:1.08vw;line-height:1.85}.embedded{background:#1e1e1e;width:100%;overflow:hidden}.embedded iframe{display:block;width:100%;height:100%;border:0;background:#1e1e1e}.eight-section{height:57.8125vw}.team-section{height:max(63.7vw,700px)}.values{padding-top:6.2vw;padding-bottom:8.4vw;min-height:61.3vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5vw}.section-heading h2{font-family:Bronova,sans-serif;font-weight:400;font-size:11.8vw;line-height:.92;letter-spacing:-.045em}.section-heading>.arrow{width:8.8vw;margin-top:.6vw}.values-list{margin-left:36%;margin-top:-1.5vw}.value-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:2.25vw 0;gap:2vw;font-family:'OPPO Sans 4.0',sans-serif}.value-row:last-child{border-bottom:1px solid var(--rule)}.value-row h3{color:var(--gold);font-size:1.5vw;font-weight:600}.value-row p{font-size:1.25vw}.value-row span{color:var(--gold);margin-left:1.5vw}.services{padding-top:8vw;padding-bottom:0}.services .section-heading{margin-bottom:4vw}.system-block{display:grid;grid-template-columns:27% 73%;margin-top:6vw;margin-bottom:8vw;align-items:center}.badge{display:inline-flex;border-radius:100px;background:var(--gold);color:#fff;font-size:1.75vw;line-height:1.6;padding:0 1.8vw;font-family:'OPPO Sans 4.0',sans-serif}.system-copy h3{font-size:4.1vw;font-weight:600;line-height:1.25;margin-top:4.4vw}.up-arrow{width:4.5vw;margin-top:2vw}.system-copy p{font-size:1.65vw;color:var(--muted);line-height:1.5;margin-top:2.4vw}.system-animation{position:relative;aspect-ratio:1100/690;margin-left:-1vw}.system-animation>svg{width:100%;height:100%;overflow:visible}.system-tier ellipse{fill:none;stroke:#292929;stroke-width:3}.system-tier circle{fill:var(--gold)}.system-note{position:absolute;right:0;top:var(--top);transform:translateY(-50%);text-align:right;line-height:1.5}.system-note h4{font-size:1.8vw;font-weight:600}.system-note p{font-size:1.02vw;color:var(--muted);padding:0 0 .1vw .4vw;background:#fff}.service-card{position:relative;background:#f5f5f5;border-radius:3.2vw;display:grid;grid-template-columns:40% 60%;align-items:center;min-height:42.6vw;margin:0 -4.65vw 3.2vw;padding:5vw 6.25vw}.service-copy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.service-copy .badge{font-size:1.8vw;padding:0 2vw}.service-copy h3{font-size:3.2vw;font-weight:500;line-height:1.28}.service-copy>p{font-size:1.65vw;line-height:1.4;color:var(--muted)}.service-figure{position:relative;aspect-ratio:1000/800;width:100%;}.diagram{position:absolute;width:78%;left:10%;top:10%;height:80%;pointer-events:none}.diagram svg{width:100%;height:100%;overflow:visible}.brand-figure .diagram{width:77%;left:11%;top:15%;height:70%}.leaders{position:absolute;width:100%;height:100%;pointer-events:none;fill:none;stroke:#aaa;stroke-dasharray:5 7;stroke-width:1.3}.annotation{position:absolute;line-height:1.5;z-index:1}.annotation h4{font-size:1.5vw;font-weight:500;white-space:nowrap}.annotation h4 em{font-weight:400}.annotation p{font-size:1.05vw;color:var(--muted);margin-left:1.5vw}.a1{left:1%;top:2%}.a2{right:-4%;top:26%}.a3{right:1%;bottom:0}.a4{left:0;bottom:16%}.brand-figure .a1{left:0;top:0}.brand-figure .a2{right:-3%;top:0}.brand-figure .a3{right:-3%;bottom:0}.brand-figure .a4{bottom:0;left:0}.contact{padding-top:6.2vw;padding-bottom:5.5vw;background:#FFF;}.contact .section-heading{margin-bottom:7.2vw}.contact-heading-side{display:grid;justify-items:end;gap:5vw;padding-top:.6vw}.contact-heading-side .arrow{width:8.8vw}.contact-heading-side>img{width:12vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:0 2.5vw}.contact-grid h3{font-size:1.65vw;font-weight:500}.contact-details{display:grid;grid-template-columns:1fr 35%;gap:3vw;align-items:center;margin-top:11vw}.contact-details address{font-style:normal;font-size:1.03vw;line-height:1.45}.contact-details address>div+div{margin-top:1.5vw}.contact-details address span{display:block;color:#9a9a9a;font-size:.95vw}.contact-details address a{display:block}.qr{width:100%}.social-icons{display:flex;gap:1.8vw;margin-top:10.5vw}.social-icons img{width:2.6vw;height:2.6vw}.contact-form h3{margin-bottom:6vw}.contact-form label{display:flex;align-items:center;position:relative;min-height:4.35vw;border-bottom:1px solid #ccc;font-size:1.1vw;gap:.6vw}.contact-form label>span:first-child{display:flex;align-items:center;gap:.65vw;white-space:nowrap;color:#666}.contact-form label>span:first-child:before{content:'';width:.4vw;height:.4vw;min-width:4px;min-height:4px;border-radius:50%;background:var(--gold)}.contact-form input,.contact-form textarea{width:100%;min-width:0;border:0;background:transparent;border-radius:0;padding:.7vw .5vw;color:#292929;outline-offset:0}.contact-form .message{align-items:flex-start;padding-top:1.4vw;min-height:9vw}.contact-form textarea{resize:vertical}.captcha-sample{flex-shrink:0;letter-spacing:.3em;padding:0 .5vw;font-style:italic;color:#99a6ab;background:repeating-linear-gradient(25deg,#f5f9fb 0 3px,#e1e9e5 4px 5px);font-size:1.5vw;transform:rotate(-4deg)}.submit{margin-top:2vw;border:0;background:var(--gold);color:#fff;border-radius:30px;display:flex;align-items:center;gap:1.2vw;padding:.1vw 1.5vw;font-size:1.55vw;line-height:1.3}.submit span{font-size:2.1vw}.js .reveal{opacity:0;transform:translate3d(0,clamp(48px,5.5vw,100px),0);transition:opacity .8s ease-out,transform 1.1s cubic-bezier(.18,.75,.22,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .annotation,.js .leaders{opacity:0}.js .system-note{opacity:0}.js .system-tier circle{opacity:0}.js .system-guides{opacity:0}.js .system-arrow,.js .system-tier ellipse{visibility:hidden}
@media(min-width:2200px){.navigation{min-height:100px}}
@media(max-width:900px){.navigation{height:76px;min-height:76px;padding:0 6%;gap:20px}.nav-logo{width:76px;min-width:76px;max-height:57px}.navigation nav{gap:12px;font-size:10px;flex-wrap:wrap;justify-content:flex-end}.navigation nav span:nth-child(3),.navigation nav span:nth-child(4){display:none}.menu-mark{width:21px;flex-shrink:0;gap:4px}.menu-mark i{height:2px}.section{padding-left:7%;padding-right:7%}.about{padding-top:42px;padding-bottom:52px;min-height:0}.about-heading{width:100%;padding-bottom:42px;min-height:205px}.about-heading h1{font-size:16.3vw;line-height:.96;letter-spacing:-.05em}.about-heading h1 span+span{margin-left:3vw}.about-heading .arrow{width:10vw;right:24%;top:0}.floating-logo{right:4%;top:38px;width:24%;height:140px}.floating-logo img{height:100%}.floating-logo span{bottom:-8px}.section-label{gap:9px}.section-label i{width:5px;height:5px}.section-label img{height:22px}.about-copy{margin:24px 0 0}.about-row{grid-template-columns:1fr;gap:15px;padding:24px 0}.about-row h2{font-size:15px;line-height:1.5}.about-row p{font-size:13px;line-height:1.95}.eight-section{height:var(--eight-height,1186px)}.team-section{height:100svh;min-height:640px}.values{padding-top:56px;padding-bottom:66px;min-height:0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:15vw;line-height:.96}.section-heading>.arrow{width:10vw;margin-top:3px}.values-list{margin:28px 0 0}.value-row{display:block;padding:20px 0}.value-row h3{font-size:16px;margin-bottom:10px}.value-row p{font-size:12px;display:flex;justify-content:space-between}.value-row span{margin-left:8px}.services{padding-top:60px}.services .section-heading{margin-bottom:25px}.system-block{display:block;margin-top:38px;margin-bottom:50px}.system-copy{position:relative}.badge{font-size:13px;padding:2px 14px}.system-copy h3{font-size:30px;line-height:1.25;margin-top:22px}.up-arrow{width:38px;margin-top:15px}.system-copy p{font-size:12px;line-height:1.6;position:absolute;left:48%;bottom:0;max-width:52%}.system-animation{margin:35px -3vw 0 -8vw;aspect-ratio:1100/850}.system-animation>svg{position:absolute;inset:0;width:100%;height:100%}.system-note h4{font-size:12px}.system-note p{font-size:8px;line-height:1.4;max-width:135px;background:transparent;margin-left:auto}.system-note{right:0;max-width:44%}.service-card{margin:0 -3% 24px;padding:28px 24px 26px;display:block;border-radius:25px;min-height:0}.service-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px 10px}.service-copy .badge{font-size:13px;padding:2px 13px;grid-column:1/-1;justify-self:start}.service-copy h3{font-size:21px;line-height:1.35}.service-copy>p{font-size:10px;align-self:end;line-height:1.6}.service-figure{margin-top:38px;aspect-ratio:1/1.02}.annotation h4{font-size:11px;white-space:normal;line-height:1.5}.annotation p{font-size:9px;margin-left:0}.a1{left:0;top:0}.a2{right:-3%;top:24%;max-width:32%}.a3{right:0;bottom:0;max-width:50%}.a4{left:-1%;bottom:12%;max-width:39%}.diagram{width:80%;left:8%;top:12%;height:76%}.brand-figure .diagram{top:14%;height:72%}.brand-figure .a2{right:0;max-width:43%}.brand-figure .a3{right:0}.brand-figure .a4{max-width:52%}.contact{padding-top:48px;padding-bottom:45px}.contact .section-heading{margin-bottom:50px}.contact .section-heading h2{font-size:14vw}.contact-heading-side{gap:20px}.contact-heading-side .arrow{width:10vw}.contact-heading-side>img{width:70px}.contact-grid{display:block;padding:0}.contact-grid h3{font-size:16px}.contact-details{margin-top:36px;gap:25px;grid-template-columns:1fr 100px}.contact-details address{font-size:11px;line-height:1.5}.contact-details address span{font-size:10px}.contact-details address>div+div{margin-top:16px}.social-icons{gap:19px;margin-top:30px}.social-icons img{width:25px;height:25px}.contact-form{margin-top:58px}.contact-form h3{margin-bottom:25px}.contact-form label{font-size:12px;min-height:52px;gap:12px}.contact-form label>span:first-child{gap:7px}.contact-form input,.contact-form textarea{padding:10px 5px}.contact-form .message{padding-top:17px;min-height:110px}.captcha-sample{font-size:19px;padding:2px 8px}.submit{margin-top:22px;padding:1px 17px;font-size:15px;gap:16px}.submit span{font-size:24px}}
@media(max-width:360px){.navigation nav{gap:8px;font-size:9px}.navigation{gap:12px}.service-card{padding:25px 17px}.service-copy h3{font-size:19px}.contact-details{gap:15px;grid-template-columns:1fr 85px}}
/* The supplied logo already contains its own soft ground shadow. */
.floating-logo{right:2%;top:-1vw;width:31.5%;height:31.5vw}.floating-logo img{height:100%}.floating-logo span{display:none}
.floating-logo picture{display:block;width:100%;height:100%}
.floating-logo picture img{animation:none}
@media(max-width:900px){
 .navigation nav span:nth-child(3),.navigation nav span:nth-child(4){display:inline}
 .navigation nav{max-width:210px;gap:7px 12px;line-height:1.4}
 .floating-logo{right:0;top:37px;width:29%;height:29vw}
 .system-animation{margin:35px 0 0;aspect-ratio:1100/850}
 .system-note h4{font-size:13px}.system-note p{font-size:9px;max-width:135px;background:#fff}
 .system-note{max-width:45%}.system-note h4{display:inline-block;background:#fff}
 .contact-heading-side{gap:55px}
 .annotation h4{font-size:12px}.annotation p{font-size:10px}
 .service-copy>p{font-size:11px}.submit{min-height:44px}
}
@media(min-width:761px) and (max-width:900px){.eight-section{height:57.8125vw}.team-section{height:max(63.7vw,700px);min-height:0}.about-heading{min-height:35vw}.floating-logo{top:25px;height:33vw;width:33%;right:0}.navigation nav{max-width:none;font-size:12px;gap:24px}.service-copy h3{font-size:30px}.service-copy>p{font-size:14px}.annotation h4{font-size:17px}.annotation p{font-size:13px}.system-note h4{font-size:19px}.system-note p{font-size:12px;max-width:235px}.system-copy h3{font-size:40px}.system-copy p{font-size:16px}}
:root{--gold-text:#8b7551}
.about-row em{color:var(--gold-text)}
.values .value-row h3{color:var(--gold-text)}
.values .section-heading>.arrow{fill:var(--gold);stroke:none}
.value-row p{display:flex;align-items:center;gap:1.5vw}
.value-arrow{width:1.05em;height:1.05em;flex:none;fill:var(--gold)}
@media(max-width:900px){.value-row p{gap:12px}.value-arrow{width:17px;height:17px}}
/* A single filled outline avoids the protruding caps at the arrow junction. */
.about-heading .arrow{fill:var(--gold);stroke:none}
/* First-screen alignment, measured against the supplied 1526 × 1076 layout.
   Shared viewport units keep the heading, illustration and copy on one grid. */
@media(min-width:901px){
 .navigation{position:relative;height:7.0773vw;min-height:0}
 .navigation nav{position:absolute;left:37.615vw;top:50%;transform:translateY(-50%);width:46.33vw;margin:0;gap:0;justify-content:space-between;font-size:1.24vw;line-height:1.4}
 .menu-mark{position:absolute;right:8.2vw;width:2.69vw;gap:.43vw}
 .menu-mark i{height:.38vw}
 .about{height:63.4338vw;min-height:0;padding-top:6.05vw;padding-bottom:0}
 .about-heading{width:71%;padding-bottom:2.6vw}
 .about-heading h1{font-size:12.15vw;line-height:.868;letter-spacing:0}
 .about-heading h1 span+span{margin-left:10.94vw}
 .about-heading .arrow{left:49.76vw;right:auto;top:-.43vw;width:9vw;stroke-width:9}
 .about .floating-logo{right:2.75%;top:-.6vw;width:31.2%;height:31.2vw}
 .about>.section-label{gap:1.7vw}
 .about>.section-label i{width:.9vw;height:.9vw}
 .about>.section-label img{height:2.3vw}
 .about-copy{position:absolute;left:37.94vw;right:8.3vw;top:31.06vw;margin:0}
 .about-row{grid-template-columns:29% 1fr;gap:1.95vw;padding:3.5vw 0 0}
 .about-row:first-child{height:13.17vw;padding-top:3.85vw}
 .about-row h2{font-size:1.12vw;line-height:1.85}
 .about-row p{font-size:.98vw;line-height:1.9}
}
/* Service system traced from the supplied 1191 × 782 design. */
.services em{color:var(--gold-text)}
.services>.section-heading>.arrow,.system-copy .up-arrow{fill:var(--gold);stroke:none}
.system-animation{aspect-ratio:1191/782;container-type:inline-size}
.system-animation{--system-line-width:3.25;--system-dash-width:1.73;--system-dash-pattern:9.75 9.75}
.system-guides,.system-axis{stroke-width:var(--system-dash-width);stroke-dasharray:var(--system-dash-pattern)}
.system-tier ellipse,.system-arrow{stroke:#000;stroke-width:var(--system-line-width)}
#system-guide-occlusion g{stroke-width:var(--system-line-width)}
.system-note{right:1.68%;transform:none;max-width:none;line-height:1.2}
.system-note h4{font-size:3.36cqw;line-height:1.2;font-weight:600;color:#000}
.system-note p{font-size:1.85cqw;line-height:1.35;margin-top:.58cqw;padding:0;max-width:none;background:transparent;color:#727272;white-space:nowrap}
.system-note p span{color:var(--gold);font-size:1.15em;font-weight:600;margin:0 .12em}
.system-note h4,.system-note p{width:fit-content;margin-left:auto}
.js .system-note h4,.js .system-note p{--text-reveal:0%;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--text-reveal) - 16%),transparent var(--text-reveal));mask-image:linear-gradient(to right,#000 calc(var(--text-reveal) - 16%),transparent var(--text-reveal))}
.js .system-rise{opacity:0}
@media(max-width:900px){
 .system-animation{aspect-ratio:1191/782;margin-bottom:18px}
 .system-note{max-width:52%}
 .system-note h4{font-size:max(11px,3.36cqw);background:transparent}
 .system-note p{font-size:max(8px,1.85cqw);white-space:normal;max-width:none}
}
/* Match the reference page grid; the design canvas defines a ratio, not a size cap. */
.service-card{container-type:inline-size}
.service-card .annotation em,.service-card .annotation p span{color:var(--gold-text)}
.service-card .annotation h4 em{font-family:'OPPO Sans 4.0',sans-serif}
.product-figure{aspect-ratio:1000/650}
.product-figure .diagram{left:18.955%;top:6.654%;width:66.614%;height:87.738%}
.product-figure .leaders{inset:0;stroke:#b3b3b3;stroke-width:1.7;stroke-dasharray:9 9}
.product-figure .leader-trace{stroke:#fff;stroke-width:7;stroke-dasharray:none;fill:none}
.product-figure .a1{left:18.5%;top:7.2%;right:auto;bottom:auto}
.product-figure .a2{left:75.4%;top:27%;right:auto;bottom:auto}
.product-figure .a3{left:62.1%;bottom:8.1%;top:auto;right:auto}
.product-figure .a4{left:auto;right:71.2%;top:64%;bottom:auto;text-align:right}
.product-figure .annotation p{margin-left:1em;line-height:1.45}
.product-figure .a2 p{margin-left:1.7em}
.product-figure .a3 p{margin:0 0 .35em 1.4em}
.product-figure .a4 p{margin:0 1em 0 0}
.product-figure .annotation h4{display:flex;align-items:baseline;gap:.1em;line-height:1.3}
.service-card .annotation p span{font-weight:600;font-size:1.2em}
.js .product-figure .annotation{--label-reveal:0%;-webkit-mask-image:linear-gradient(var(--label-direction),#000 calc(var(--label-reveal) - 18%),transparent var(--label-reveal));mask-image:linear-gradient(var(--label-direction),#000 calc(var(--label-reveal) - 18%),transparent var(--label-reveal))}
@media(min-width:901px){
 .service-card{width:92.7vw;height:auto;aspect-ratio:1654/752;min-height:0;margin:0 -4.65vw 3.2vw;padding:0;display:block;border-radius:3.2vw}
 .service-copy{position:absolute;inset:0;display:block}
 .service-copy .badge{position:absolute;left:7%;top:15.3%;font-size:2.42cqw;line-height:1.25;padding:0 2.2cqw}
 .service-copy h3{position:absolute;left:7.6%;top:43.5%;font-size:2.9cqw;line-height:1.3;font-weight:500}
 .service-copy>p{position:absolute;left:7.8%;top:76%;font-size:1.81cqw;line-height:1.3}
 .service-figure{position:absolute;left:36.5%;top:10%;width:58%;aspect-ratio:1000/650;margin:0}
 .service-card .annotation h4{font-size:1.7cqw;font-weight:500;white-space:nowrap}
 .service-card .annotation h4 em{font-size:2.12cqw;font-weight:400}
 .service-card .annotation p{font-size:1.2cqw;line-height:1.45}
 .brand-figure .diagram{width:76%;left:13.5%;top:11%;height:78%}
 .brand-figure .a1{left:17.5%;top:3%}.brand-figure .a2{right:3%;top:3%}
 .brand-figure .a3{right:3%;bottom:3%}.brand-figure .a4{left:17%;bottom:3%}
}
@media(max-width:900px){
 .product-figure{width:calc(100% + 24px);margin-left:-12px;margin-top:30px;margin-bottom:8px}
 .product-figure .annotation{max-width:none}
 .product-figure .annotation h4{font-size:clamp(8px,2.35vw,17px);white-space:nowrap}
 .product-figure .annotation h4 em{font-size:1.18em}
 .product-figure .annotation p{font-size:clamp(7px,1.68vw,12px);white-space:nowrap}
}
/* Contact shares the page title guides and the supplied footer proportions. */
.contact em{color:var(--gold-text)}
.contact-heading-side .arrow{fill:var(--gold);stroke:none}
.contact .section-heading h2{font-family:Bronova,sans-serif;font-weight:400;letter-spacing:0}
.contact-grid{padding:0}
.contact-form input,.contact-form textarea,.contact-form input:focus,.contact-form textarea:focus,.contact-form input:focus-visible,.contact-form textarea:focus-visible{background:#fff;border:0;outline:none;box-shadow:none}
.contact-form label:focus-within{border-bottom-color:#777}
.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill{background-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
.contact-form input:autofill,.contact-form textarea:autofill{box-shadow:0 0 0 1000px #fff inset!important;color:var(--ink)}
.submit{font-family:'OPPO Sans 4.0',sans-serif;gap:.9vw;padding:.12vw 1.2vw;line-height:1.3}
.submit svg{width:1.65vw;height:1.65vw;fill:#fff;flex:none}
.social-icons{position:relative;align-items:center}
.social-control{display:flex;align-items:center;justify-content:center;width:2.8vw;height:2.8vw;min-width:32px;min-height:32px;padding:0;border:0;background:transparent;color:inherit;flex:none}
.social-control img{width:100%;height:100%;object-fit:contain}
a.social-control,.wechat-trigger{cursor:pointer}
.wechat-social{position:relative;z-index:2}
.wechat-popover{position:absolute;bottom:100%;left:50%;width:218px;padding-bottom:12px;transform:translate(-50%,6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.wechat-popover>div{padding:12px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0002}
.social-icons .wechat-popover img{width:194px;height:194px;max-width:100%;object-fit:contain}
.wechat-social:hover .wechat-popover,.wechat-social:focus-within .wechat-popover,.wechat-social.is-open .wechat-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
@media(min-width:901px){
 .contact{padding-top:8.2vw;padding-bottom:6.6vw}
 .contact .section-heading{margin-bottom:8vw}
 .contact .section-heading h2{font-size:10vw;line-height:.9}
 .contact-heading-side{gap:5.9vw;padding-top:.6vw}
 .contact-heading-side .arrow{width:7.2vw}
 .contact-heading-side>img{width:11.1vw}
 .contact-grid{grid-template-columns:44.5% 41.8%;gap:13.7%}
 .contact-details{margin-top:11.9vw;grid-template-columns:1fr 34%;gap:2vw}
 .contact-form h3{margin-bottom:4.7vw}
 .social-icons{margin-left:0;gap:1.8vw}
}
@media(max-width:900px){
 .submit{gap:12px;padding:1px 16px}
 .submit svg{width:19px;height:19px}
 .social-icons{gap:12px}
 .social-control{width:44px;height:44px;padding:7px}
 .social-icons{margin-left:-7px}
 .wechat-popover{left:0;transform:translateY(6px)}
 .wechat-social:hover .wechat-popover,.wechat-social:focus-within .wechat-popover,.wechat-social.is-open .wechat-popover{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{transition:none}.floating-logo img,.floating-logo span{animation:none}}

.contact{min-height:100svh}