/* PSD: 1920px canvas / 1440px content; keep existing common heading tokens. */
.sustain-page.precision-esg{font-family:var(--f-ko);color:#000;}
.sustain-head{padding-top:var(--page-title-top,128px);text-align:center;}
.sustain-kicker{margin:0;font:700 var(--page-kicker-size,16pt)/var(--page-kicker-line,1) var(--f-en);color:var(--blue,#005bac);}
.sustain-head h2{margin:var(--page-title-gap,34px) 0 0;font-size:var(--page-title-size,40pt);font-weight:700;line-height:var(--page-title-line,1.2);letter-spacing:var(--page-title-tracking,-.045em);word-break:keep-all;}
.sustain-banner{position:relative;isolation:isolate;margin-top:52px;height:390px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#164b46;}
.sustain-banner>img{position:absolute;width:101.319444%;max-width:none;height:auto;left:-.416667%;top:-4.615385%;z-index:-2;}
.sustain-banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.30);z-index:-1;}
.sustain-tabs,.sustain-banner__title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;width:600px;max-width:calc(100% - 32px);min-height:67px;padding:16px 31px;border-radius:8px;background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(18px) saturate(110%);backdrop-filter:blur(18px) saturate(110%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);color:white;}
.sustain-tabs a{position:relative;display:block;white-space:nowrap;color:#fff;text-decoration:none;font-size:16pt;line-height:32px;font-weight:700;}
.sustain-tabs a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:white;}
.sustain-tabs.is-ready a::after{display:none;}
.sustain-tab-line{position:absolute;height:2px;background:white;bottom:16px;left:0;width:0;pointer-events:none;transition:transform .32s ease,width .32s ease;}
.sustain-tabs a:focus-visible{outline:2px solid white;outline-offset:6px;border-radius:2px;}
.sustain-banner__title{width:auto;justify-content:center;margin:0;font-size:16pt;font-weight:700;}
.sustain-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:48px 0 132px;}
.sustain-summary h3,.sustain-why h3{font-size:28pt;line-height:48px;font-weight:700;letter-spacing:-.025em;margin:0;word-break:keep-all;}
.sustain-summary p{margin:0;color:#434343;font-size:14pt;line-height:32px;letter-spacing:-.025em;word-break:keep-all;}
.sustain-pillars{background:#f3f7f9;padding:117px 0 119px;}
.sustain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;}
.sustain-card{background:white;border-radius:12px;overflow:hidden;}
.sustain-card__image{position:relative;aspect-ratio:448/275;isolation:isolate;overflow:hidden;}
.sustain-card__image>img{position:absolute;height:auto;max-width:none;z-index:-2;}
.sustain-card--e .sustain-card__image>img{width:146.651786%;left:-4.017857%;top:-55.636364%;}
.sustain-card--s .sustain-card__image>img{width:114.285714%;left:-8.705357%;top:-2.181818%;}
.sustain-card--g .sustain-card__image>img{width:104.017857%;left:-2.678571%;top:-6.181818%;}
.sustain-card__image::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:-1;}
.sustain-letter{position:absolute;inset:0;display:block;pointer-events:none;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(9px) brightness(1.45) saturate(.80);backdrop-filter:blur(9px) brightness(1.45) saturate(.80);-webkit-mask:var(--letter-mask) center/var(--letter-size) no-repeat;mask:var(--letter-mask) center/var(--letter-size) no-repeat;}
.sustain-card--e .sustain-letter{--letter-mask:url("E-rajdhani-v159.svg");--letter-size:14.307932% 40.727273%;}
.sustain-card--s .sustain-letter{--letter-mask:url("S-rajdhani-v159.svg");--letter-size:17.185070% 40.727273%;}
.sustain-card--g .sustain-letter{--letter-mask:url("G-rajdhani-v159.svg");--letter-size:16.912908% 40.727273%;}
.sustain-card__body{position:relative;min-height:275px;padding:24px 42px 36px;}
.sustain-card__body h3{margin:0 0 14px;font-size:24pt;line-height:48px;font-weight:700;letter-spacing:-.025em;}
.sustain-card__body ul{margin:0;padding:0 0 0 8px;list-style:none;color:#434343;font-size:16pt;line-height:32px;letter-spacing:-.025em;}
.sustain-card__body li::before{content:'· ';}
.sustain-card__icon{position:absolute;right:55px;bottom:44px;width:82px;height:82px;object-fit:contain;}
.sustain-why{display:grid;grid-template-columns:1fr 1fr;padding-top:119px;padding-bottom:140px;}
.sustain-why h4{font-family:var(--f-en);font-size:22pt;line-height:1.5;margin:0 0 20px;font-weight:700;}
.sustain-why p{font-size:14pt;line-height:32px;margin:0;color:#434343;word-break:keep-all;}
.sustain-why article+article{border-top:1px solid #ddd;margin-top:76px;padding-top:76px;}
.sustain-empty{padding:48px 0 140px;}
.sustain-empty h3{font-size:28pt;line-height:1.4;margin:0 0 32px;font-weight:700;}
.sustain-empty p{padding:55px 24px;background:#f3f7f9;border-radius:12px;text-align:center;color:#555;font-size:14pt;line-height:1.8;}
@media(max-width:1500px) and (min-width:769px){.sustain-grid{gap:3.3333%;}.sustain-card__body{padding:24px 9.375% 110px;}.sustain-card__body ul{font-size:clamp(14px,1.2vw,21.333px);line-height:1.65;}.sustain-card__icon{right:10%;bottom:24px;width:64px;height:64px;}.sustain-card__body h3{font-size:clamp(24px,2vw,32px);}.sustain-banner>img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.sustain-summary,.sustain-why{gap:32px;}}
@media(max-width:768px){.sustain-head{padding-top:72px;}.sustain-kicker{font-size:14px;}.sustain-head h2{font-size:32px;line-height:1.35;margin-top:22px;}.sustain-banner{height:240px;margin-top:34px;}.sustain-banner>img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.sustain-tabs{gap:8px;padding:14px 12px;min-height:60px;max-width:calc(100% - 24px);}.sustain-tabs a{font-size:clamp(10px,2.8vw,16px);line-height:28px;}.sustain-tab-line{bottom:14px;}.sustain-summary,.sustain-why{grid-template-columns:1fr;gap:24px;padding:36px 0 64px;}.sustain-summary h3,.sustain-why h3,.sustain-empty h3{font-size:26px;line-height:1.4;}.sustain-summary p,.sustain-why p{font-size:16px;line-height:1.9;}.sustain-pillars{padding:48px 0;}.sustain-grid{grid-template-columns:1fr;gap:24px;max-width:448px;}.sustain-card__body{padding:24px 28px 108px;min-height:275px;}.sustain-card__body h3{font-size:28px;line-height:1.5;}.sustain-card__body ul{font-size:18px;line-height:1.8;}.sustain-card__icon{width:64px;height:64px;right:28px;bottom:28px;}.sustain-why{padding:56px 20px 64px;}.sustain-why h4{font-size:24px;}.sustain-why article+article{margin-top:32px;padding-top:32px;}.sustain-empty{padding:36px 0 72px;}}
@media(max-width:420px){.sustain-head h2{font-size:29px;}}
@media(prefers-reduced-motion:reduce){.sustain-tab-line{transition:none;}}
