/* VANGREY · photographic editorial edition */
:root{--navy:#09273c;--ink:#142f42;--orange:#da965f;--paper:#f6f5f1;--line:#dedfdb;--max:1320px}
body{font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#e8c2a2;color:var(--navy)}
.site-header{height:98px;border-bottom:0;background:#fff}
.brand-symbol{width:36px;flex-basis:36px}.brand-name{font-size:25px;letter-spacing:.035em}.brand-name small{letter-spacing:.23em}
.site-header nav a{font-size:12px;font-weight:600}.lang-switch a{font-size:10px}.site-header nav a:after{transition:width .2s}.site-header nav a:hover:after{content:'';position:absolute;bottom:22px;left:0;width:18px;height:1px;background:var(--orange)}
.eyebrow{font-size:10px;letter-spacing:.19em;color:#a47754}
.button{font-size:12px;padding:17px 24px}.button.orange{color:#102b40;background:#dfa374}.button.orange:hover{background:#f1be98}
.text-link{font-size:12px;font-weight:600;border-color:#c4c6c4}.text-link>span{transition:transform .2s}.text-link:hover>span{transform:translate(3px,-3px)}
.photo-hero{position:relative;isolation:isolate;min-height:680px;height:min(730px,calc(100svh - 98px));color:#fff;background:#102d42;overflow:hidden}
.hero-scene,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,25,41,.94) 0%,rgba(7,26,42,.84) 29%,rgba(7,27,41,.26) 69%,rgba(7,27,41,.08) 100%),linear-gradient(0deg,rgba(6,25,41,.55),transparent 35%)}
.photo-hero-content{padding-top:105px;padding-bottom:118px}.hero-overline{display:flex;align-items:center;gap:13px;color:#efc39f;font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.8}.hero-overline>span{display:block;width:30px;height:1px;background:#dba271}
.photo-hero h1{font-size:clamp(52px,4.9vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.07;max-width:850px;margin:32px 0 28px;text-wrap:balance}
.photo-hero p{max-width:470px;color:#cbd5db;font-size:15px;line-height:1.95;margin-bottom:33px}
.photo-hero-actions{display:flex;align-items:center;gap:31px}.photo-hero-actions .button{min-width:222px}.hero-discover{display:inline-flex;align-items:center;gap:25px;font-size:11px;color:#e5eaed;padding:15px 0;border-bottom:1px solid #ffffff50}.hero-discover span{font-size:18px}
.hero-footnote{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:21px;font-size:9px;letter-spacing:.11em;color:#d0dade}.hero-footnote>span:first-child:before{content:'';display:inline-block;width:4px;height:4px;background:#e3a574;vertical-align:middle;margin-right:10px}.hero-footnote>span:last-child{font:10px ui-monospace,monospace;color:#e8bc98}
.field-ribbon{background:var(--navy);color:#d5dee3}.field-ribbon>.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.field-ribbon a{padding:25px 25px;display:flex;align-items:center;gap:17px;border-right:1px solid #ffffff16;font-size:11px;line-height:1.6;transition:background .2s}.field-ribbon a:first-child{padding-left:0}.field-ribbon a:last-child{border-right:0;padding-right:0}.field-ribbon small{color:#bb946f;font:9px ui-monospace,monospace}.field-ribbon a>span:not([aria-hidden]){flex:1}.field-ribbon a>[aria-hidden]{color:#dab18f;font-size:16px}.field-ribbon a:hover{background:#ffffff08;color:#fff}
.editorial-about{display:grid;grid-template-columns:1fr 1fr;gap:0 100px;padding-top:116px;padding-bottom:110px;scroll-margin-top:96px;align-items:center}
.editorial-about-copy{padding:25px 0}.editorial-about h2{font-size:43px;line-height:1.18;letter-spacing:-.04em;font-weight:500;max-width:510px;margin:23px 0 26px}.editorial-about-copy>p{font-size:14px;line-height:1.95;max-width:500px;margin-bottom:28px}
.editorial-about-photo{margin:0;position:relative;padding:0 0 0 0}.editorial-about-photo>img{height:396px;width:100%;object-fit:cover}.editorial-about-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;padding:14px 0;color:#7d878b}.photo-corner{position:absolute;left:-24px;bottom:72px;width:84px;height:84px;background:var(--navy);color:#e2ad82;font-size:48px;font-weight:450;letter-spacing:-.08em;display:flex;justify-content:center;align-items:center}
.editorial-registration{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:42px;margin-top:22px;border-top:1px solid var(--line)}.editorial-registration .company-facts{margin:0;gap:25px}.editorial-registration .company-facts>div{border:0;padding:0}.editorial-registration .company-facts dt{font-size:9px;color:#77828b}.editorial-registration .company-facts dd{font-size:12px}.editorial-registration>p{font-size:12px;line-height:1.95;margin:0;color:#7b858d}
.sector-gallery-section{background:var(--paper);padding:98px 0 103px}.section-head{gap:50px;margin-bottom:42px}.section-head h2{font-size:44px;font-weight:500;letter-spacing:-.04em;margin:20px 0 0}.gallery-intro{max-width:370px}.gallery-intro p{font-size:13px;line-height:1.9;margin-bottom:14px}.gallery-intro .text-link{font-size:11px}
.sector-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sector-card{display:block}.sector-card-photo{position:relative;height:295px;overflow:hidden;background:#dde3e7}.sector-card-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.sector-card:nth-child(1) img{object-position:49% 50%}.sector-card:nth-child(2) img{object-position:50% 50%}.sector-card:nth-child(3) img{object-position:45% 50%}.sector-card:nth-child(4) img{object-position:67% 50%}.sector-card:hover .sector-card-photo>img{transform:scale(1.045)}.card-number{position:absolute;left:17px;top:17px;color:#fff;mix-blend-mode:normal;background:#09273cbf;padding:5px 9px;font:10px ui-monospace,monospace;backdrop-filter:blur(8px)}.card-arrow{position:absolute;right:0;bottom:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--navy);background:#dda371;font-size:23px;transition:background .2s}.sector-card:hover .card-arrow{background:#f1be98}
.sector-card-copy{padding-top:23px}.sector-card-copy h3{font-weight:550;font-size:21px;line-height:1.25;letter-spacing:-.025em;margin-bottom:12px;min-height:53px}.sector-card-copy p{font-size:11px;line-height:1.85;min-height:61px;color:#77828b;margin-bottom:17px;max-width:270px}.sector-card-copy>span{font-size:10px;font-weight:550;border-bottom:1px solid #c6cac8;display:flex;justify-content:space-between;align-items:center;padding:11px 0}.sector-card-copy b{font-size:16px;font-weight:400}
.coordination-band{background:#0b2a40;color:#fff;padding:92px 0 75px;overflow:hidden}.coordination-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.coordination-heading>div{max-width:640px}.coordination-heading .eyebrow{color:#dca674}.coordination-heading h2{font-size:44px;font-weight:500;line-height:1.16;letter-spacing:-.04em;margin:23px 0 0;max-width:620px}.coordination-heading>p{max-width:320px;color:#9cb0be;font-size:13px;line-height:1.9;margin:0}
.trade-line{position:relative;height:65px;margin-top:36px;display:flex;align-items:center}.trade-line svg{position:absolute;inset:0;width:100%;height:44px;top:10px;overflow:visible}.trade-line path{fill:none;stroke-width:1}.trade-line-base{stroke:#446071}.trade-line-moving{stroke:#e0a271;stroke-dasharray:100 1040;animation:trade-flow 8s linear infinite;stroke-width:2!important}.trade-point{z-index:1;position:absolute;left:0;top:28px;width:8px;height:8px;border:2px solid #e1a574;background:var(--navy);border-radius:50%}.trade-point:nth-of-type(2){left:auto;right:0}.trade-line-label{position:absolute;right:0;bottom:-5px;color:#7e9bab;letter-spacing:.15em;font-size:8px;background:#0b2a40;padding-left:14px}@keyframes trade-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:-1040}}
.coordination-band .process-preview{margin-top:27px;gap:32px}.coordination-band .process-preview li{border:0;padding:0}.coordination-band .process-preview li:before{display:none}.coordination-band .process-preview li>span{color:#d7a87e;font-size:11px}.coordination-band .process-preview h3{color:#e4ebef;font-weight:500;margin:17px 0 13px;font-size:15px}.coordination-band .process-preview p{color:#93aab9;font-size:11px;line-height:1.9}.coordination-band>.container>.text-link{color:#e2b58f;border-color:#526b79;margin-top:27px}
.pre-footer{background:#f5f4f0;padding:63px 0;border:0}.pre-footer h2{font-weight:500;letter-spacing:-.035em;font-size:34px}.pre-footer .eyebrow{font-size:9px}.site-footer{background:#071e30}.footer-top{padding-top:65px}.footer-bottom{border-color:#ffffff12!important}.footer-top p{font-size:11px}.site-footer .footer-email{color:#d6aa85}.footer-top .brand-symbol{width:33px;flex-basis:33px}
.page-intro{padding-top:77px;padding-bottom:59px}.page-intro h1{font-weight:500;max-width:920px;font-size:55px;letter-spacing:-.04em}.page-intro>p{font-size:15px;line-height:1.95}.about-photo{height:530px}.about-photo img{object-position:50% 50%}.about-photo:after{background:linear-gradient(0deg,#08273b99,transparent 50%)}.about-copy h2{font-weight:550}.business-photo>img{object-position:center}.business-detail .business-photo{min-height:560px}.business-copy h2{font-size:40px;font-weight:500}.business-photo{overflow:hidden}.business-photo>img{transition:transform .8s}.business-detail:hover .business-photo>img{transform:scale(1.025)}.business-jumps{background:#f6f5f1}.business-jumps>a{font-size:11px}.process-diagram{background:#f6f5f1}.contact-layout form{background:#f6f5f1}.contact-aside h2{font-weight:550}.form-grid input,.form-grid select,.form-grid textarea{background:#fff}.principles h3{font-weight:500}
html[lang=zh-CN] .photo-hero h1{font-size:clamp(48px,4.6vw,69px);line-height:1.25;letter-spacing:.015em;max-width:750px}html[lang=zh-CN] .photo-hero p{line-height:2.1}html[lang=zh-CN] .editorial-about h2{font-size:39px;line-height:1.4}html[lang=tr] .photo-hero h1{max-width:800px;font-size:64px;line-height:1.12}html[lang=tr] .sector-card-copy h3{font-size:20px;min-height:76px}html[lang=tr] .sector-card-copy p{min-height:100px}
@media(min-width:1700px){.photo-hero{height:760px}.photo-hero-content{padding-top:117px}.photo-hero h1{font-size:79px}}
@media(max-width:1100px){.site-header nav{gap:22px}.nav-inner{gap:25px}.editorial-about{gap:0 55px}.editorial-registration{gap:55px}.photo-hero-content{padding-top:91px}.photo-hero h1{font-size:60px;max-width:700px}.sector-gallery{gap:17px}.sector-card-photo{height:240px}.sector-card-copy h3{font-size:19px;min-height:70px}.sector-card-copy p{min-height:100px}.editorial-about h2{font-size:36px}.coordination-heading h2{font-size:39px}.brand-name{font-size:22px}.lang-switch{padding-left:18px}html[lang=tr] .photo-hero h1{font-size:57px}}
@media(max-width:850px){.site-header{height:82px}.photo-hero{height:auto;min-height:650px}.photo-hero-content{padding-top:85px;padding-bottom:145px}.photo-hero h1{font-size:56px}.hero-shade{background:linear-gradient(90deg,#061929ed 0%,#071a2ac2 44%,#071b2966 100%)}.field-ribbon a{padding:21px 14px;gap:10px;font-size:10px}.field-ribbon a:first-child{padding-left:0}.field-ribbon small{font-size:8px}.editorial-about{padding-top:80px;padding-bottom:80px;gap:0 40px;align-items:start}.editorial-about-copy{padding:0}.editorial-about h2{font-size:32px}.editorial-about-copy>p{font-size:12px}.editorial-about-photo>img{height:340px}.photo-corner{left:-16px;bottom:70px;width:65px;height:65px;font-size:37px}.editorial-about-photo figcaption{font-size:6px}.editorial-registration{gap:40px;padding-top:30px;margin-top:34px;grid-template-columns:1fr}.editorial-registration>p{max-width:620px}.company-facts{gap:25px}.sector-gallery-section{padding:76px 0}.sector-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.sector-card-photo{height:310px}.sector-card-copy h3{font-size:23px;min-height:0}.sector-card-copy p{min-height:0;font-size:12px}.section-head h2{font-size:37px}.gallery-intro{max-width:250px}.coordination-heading h2{font-size:37px}.coordination-heading{display:block}.coordination-heading>p{margin-top:25px;max-width:500px}.coordination-band .process-preview{gap:18px}.coordination-band .process-preview h3{font-size:12px}.coordination-band .process-preview p{font-size:10px}.page-intro h1{font-size:45px}.business-detail .business-photo{min-height:460px}html[lang=tr] .photo-hero h1{font-size:53px}html[lang=zh-CN] .editorial-about h2{font-size:31px}html[lang=tr] .sector-card-copy h3{min-height:50px}html[lang=tr] .sector-card-copy p{min-height:65px}}
@media(max-width:650px){
 .site-header{height:76px}.nav-inner{gap:0}.site-header .brand-symbol{width:28px;flex-basis:28px}.site-header .brand-name{font-size:20px}.site-header .brand-name small{font-size:5.5px;margin-top:6px}.site-header .lang-switch{padding-left:0;gap:11px}.site-header nav a{font-size:15px}.site-header nav a:hover:after{display:none}.menu-toggle{margin-left:auto}.button{font-size:11px;padding:15px 19px}.eyebrow{font-size:8px}
 .photo-hero{min-height:680px;height:calc(100svh - 76px);max-height:840px}.hero-scene img{object-position:57% 50%}.hero-shade{background:linear-gradient(90deg,#061929e8 0%,#071a2ab8 56%,#071b2961 100%),linear-gradient(0deg,#0619299c,transparent 65%)}.photo-hero-content{padding-top:65px;padding-bottom:120px}.hero-overline{font-size:8px;letter-spacing:.16em;gap:10px}.hero-overline>span{width:23px}.photo-hero h1{font-size:clamp(39px,10.8vw,53px);line-height:1.09;letter-spacing:-.052em;max-width:400px;margin:29px 0 26px}.photo-hero p{font-size:13px;line-height:1.95;max-width:330px;margin-bottom:31px}.photo-hero-actions{display:block}.photo-hero-actions .button{min-width:224px}.hero-discover{font-size:10px;display:flex;width:max-content;margin-top:18px;padding:10px 0;gap:34px}.hero-footnote{bottom:24px;padding-top:17px;font-size:8px;gap:25px}.hero-footnote>span:nth-child(2){display:none}.hero-footnote>span:last-child{font-size:8px;flex-shrink:0}
 .field-ribbon>.container{grid-template-columns:1fr 1fr}.field-ribbon a{padding:18px 12px!important;border-bottom:1px solid #ffffff16;font-size:9px;min-height:70px;line-height:1.65;gap:10px}.field-ribbon a:nth-child(2){border-right:0}.field-ribbon a:nth-child(3),.field-ribbon a:nth-child(4){border-bottom:0}.field-ribbon a>span[aria-hidden]{font-size:14px}
 .editorial-about{display:flex;flex-direction:column;padding-top:62px;padding-bottom:58px;gap:30px}.editorial-about h2{font-size:32px;line-height:1.23;margin:21px 0 22px}.editorial-about-copy>p{font-size:13px;line-height:1.95}.editorial-about-copy>.text-link{font-size:11px}.editorial-about-photo{width:100%;padding-left:12px}.editorial-about-photo>img{height:300px}.editorial-about-photo figcaption{font-size:6px;padding:12px 0}.photo-corner{left:0;bottom:60px;width:62px;height:62px;font-size:37px}.editorial-registration{display:flex;flex-direction:column;gap:25px;padding-top:25px;margin-top:0;width:100%}.editorial-registration .company-facts{width:100%;gap:17px;grid-template-columns:1fr 1.15fr .75fr}.editorial-registration .company-facts dt{font-size:8px;margin-bottom:6px}.editorial-registration .company-facts dd{font-size:10px;line-height:1.6}.editorial-registration>p{font-size:11px;line-height:1.95}
 .sector-gallery-section{padding:59px 0 62px}.sector-gallery-section .section-head{display:block;margin-bottom:30px}.section-head h2{font-size:33px;line-height:1.2;margin-top:19px}.gallery-intro{max-width:none;margin-top:23px}.gallery-intro p{font-size:12px;margin-bottom:10px;max-width:320px}.gallery-intro .text-link{font-size:10px}.sector-gallery{gap:27px 15px}.sector-card-photo{height:218px}.card-number{font-size:8px;left:10px;top:10px;padding:4px 6px}.card-arrow{width:31px;height:31px;font-size:19px}.sector-card-copy{padding-top:16px}.sector-card-copy h3{font-size:17px;line-height:1.25;min-height:42px;margin-bottom:10px;letter-spacing:-.025em}.sector-card-copy p{font-size:10px;line-height:1.8;min-height:75px;margin-bottom:12px}.sector-card-copy>span{font-size:9px;padding:9px 0}.sector-card-copy b{font-size:14px}
 .coordination-band{padding:60px 0 54px}.coordination-heading h2{font-size:33px;line-height:1.2;max-width:340px;margin-top:20px}.coordination-heading>p{font-size:12px;line-height:1.95;max-width:340px;margin-top:24px}.trade-line{margin-top:22px;height:55px}.trade-line svg{top:5px}.trade-point{top:23px}.trade-line-label{font-size:6px;bottom:0}.coordination-band .process-preview{grid-template-columns:1fr;display:grid;gap:0;margin-top:22px}.coordination-band .process-preview li{display:grid;grid-template-columns:29px 1fr;gap:14px;padding:18px 0;border-top:1px solid #ffffff1c}.coordination-band .process-preview li>span{padding-top:3px;font-size:10px}.coordination-band .process-preview h3{font-size:15px;margin:0 0 8px;line-height:1.4}.coordination-band .process-preview p{font-size:11px;margin:0;line-height:1.8}.coordination-band>.container>.text-link{font-size:11px;margin-top:20px}
 .pre-footer{padding:43px 0}.pre-footer h2{font-size:28px;line-height:1.35}.pre-footer .button{margin-top:23px}.pre-footer .eyebrow{font-size:8px}.footer-top{padding-top:45px}.footer-top .brand-name{font-size:22px}.page-intro{padding-top:49px;padding-bottom:37px}.page-intro h1{font-size:37px;line-height:1.17}.page-intro>p{font-size:14px;line-height:1.95}.business-detail .business-photo{min-height:0;height:360px}.business-copy h2{font-size:31px}.about-photo{height:350px}.about-photo img{object-position:center}.business-jumps>a{font-size:10px}.contact-layout form{padding:25px 21px}.contact-layout .contact-email{font-size:17px}
 html[lang=zh-CN] .photo-hero h1{font-size:37px;line-height:1.4;letter-spacing:.015em;margin-top:25px}html[lang=zh-CN] .photo-hero p{font-size:13px}html[lang=zh-CN] .editorial-about h2{font-size:30px;line-height:1.4}html[lang=zh-CN] .sector-card-copy h3{min-height:42px;font-size:17px}html[lang=zh-CN] .sector-card-copy p{min-height:55px}html[lang=tr] .photo-hero h1{font-size:41px;line-height:1.12}html[lang=tr] .sector-card-copy h3{font-size:16px;min-height:82px}html[lang=tr] .sector-card-copy p{min-height:110px}
}
@media(max-width:360px){.photo-hero h1{font-size:36px}.photo-hero{min-height:680px}.photo-hero-content{padding-top:48px}.sector-card-photo{height:190px}.brand-name{font-size:18px!important}.site-header .lang-switch{gap:8px}.sector-card-copy h3{font-size:16px}.field-ribbon a{padding:15px 9px!important}html[lang=tr] .photo-hero h1{font-size:35px}html[lang=zh-CN] .photo-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.trade-line-moving{animation:none}.sector-card-photo>img,.business-photo>img{transition:none}.sector-card:hover .sector-card-photo>img,.business-detail:hover .business-photo>img{transform:none}}

.hero-scene picture{display:block;width:100%;height:100%}