@view-transition{navigation:auto}::view-transition-old(root){animation:detail-out .18s ease both}::view-transition-new(root){animation:detail-in .35s ease both}@keyframes detail-out{to{opacity:0;transform:translateY(-8px)}}@keyframes detail-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.detail-back{font-size:12px}.detail-hero{min-height:740px;height:95svh;position:relative;overflow:hidden}.detail-image{position:absolute;inset:0 34% 0 0}.detail-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.45);will-change:transform}.detail-overlay{position:absolute;inset:0;background:linear-gradient(270deg,#101d1b 5%,#101d1be8 35%,#101d1b25 100%),linear-gradient(0deg,#101d1b,transparent 40%)}.breadcrumb{position:absolute;top:145px;right:7%;display:flex;gap:17px;font-size:11px;color:#b3c1b7}.detail-heading{position:relative;padding:245px 7% 150px;max-width:950px}.detail-heading .small-en{color:var(--gold);display:block;text-align:right}.detail-heading h1{font-size:clamp(40px,5.8vw,84px);font-weight:400;line-height:1.5;margin:20px 0;max-width:760px}.detail-heading p{font-size:19px;color:#d2c8b5;margin:0 0 32px}.detail-number{position:absolute;left:7%;bottom:110px;font:190px var(--brand-font);color:#f6edcd30;pointer-events:none}.detail-hero-bottom{position:absolute;bottom:30px;right:7%;left:7%;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:10px;color:#b7bdb1}.detail-overview{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:110px 7%}.detail-overview h2,.detail-companies h2,.all-sectors h2{font-weight:400;font-size:clamp(28px,3.1vw,44px);line-height:1.6}.detail-intro{font-size:19px;margin-top:30px;color:#536156}.detail-activities{padding:90px 7%;background:#e3e0d5;color:var(--ink)}.detail-activities>div{margin-top:35px}.activity{display:flex;align-items:center;gap:40px;border-top:1px solid #18362b30;padding:20px 0}.activity>span:first-child{font:16px var(--brand-font);color:#94734b}.activity>span:last-child{margin-right:auto;font-size:30px;color:#94734b}.activity h3{font-size:clamp(22px,2.6vw,36px);font-weight:400;margin:12px 0}.detail-companies{padding:100px 7%;background:#16312a}.companies-heading{margin-bottom:40px}.companies-heading p{color:#a6b5a8}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.company-card{padding:35px;border:1px solid #ffffff25;transition:background .3s,transform .3s}.company-card:hover{background:#244239;transform:translateY(-5px)}.company-card>span{font:20px var(--brand-font);color:var(--gold)}.company-card h3{font-size:22px;font-weight:400;margin-top:35px}.company-card p{color:#bac5b8;font-size:13px}.all-sectors{padding:95px 7%;background:var(--cream);color:var(--ink)}.all-sectors nav{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.all-sectors nav a{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #18362b30;align-items:center;font-size:18px;transition:color .2s}.all-sectors nav a span{font:13px var(--brand-font);color:#94734b}.all-sectors nav a b{margin-right:auto;font-weight:400}.all-sectors nav a[aria-current]{color:#90734e}.all-sectors nav a:hover{color:#90734e}.sector-pagination{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 7%;background:#c5ad86;color:var(--ink)}.sector-pagination a:last-child{text-align:left}.sector-pagination small{display:block;font-size:11px;margin-bottom:14px}.sector-pagination span{font-size:clamp(20px,2.6vw,36px)}.detail-reveal.ready{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.detail-reveal.visible{opacity:1;transform:none}.sector-detail footer{position:relative}.sector-detail h1,.sector-detail h2,.sector-detail h3{letter-spacing:normal}
@media(max-width:700px){.detail-back{font-size:10px}.detail-hero{min-height:670px;height:90svh}.detail-image{inset:0}.detail-overlay{background:linear-gradient(270deg,#101d1be8,#101d1b70),linear-gradient(0deg,#101d1b,transparent)}.breadcrumb{top:115px;font-size:10px}.detail-heading{padding-top:205px}.detail-heading h1{font-size:43px;max-width:100%;line-height:1.55}.detail-heading p{font-size:15px}.detail-number{font-size:110px;bottom:90px;left:5%;opacity:.6}.detail-hero-bottom{font-size:8px}.detail-overview{grid-template-columns:1fr;gap:10px;padding:65px 7%}.detail-overview h2{margin-bottom:0}.detail-intro{font-size:16px}.detail-activities,.detail-companies,.all-sectors{padding:65px 7%}.activity{gap:20px}.activity h3{font-size:22px}.company-grid,.all-sectors nav{grid-template-columns:1fr}.company-card{padding:25px}.company-card h3{margin-top:20px}.sector-pagination{padding:40px 7%;gap:25px}.sector-pagination span{font-size:20px}.all-sectors nav a{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detail-reveal.ready{opacity:1;transform:none;transition:none}.company-card:hover{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
