/* PSD: 1920px canvas / 1440px content; keep existing common heading tokens. */
.env-page{font-family:'Noto Sans KR',sans-serif;color:#000;}
.env-head{padding-top:var(--page-title-top,128px);text-align:center;}
.env-kicker{margin:0;font:700 var(--page-kicker-size,16pt)/var(--page-kicker-line,1) 'Poppins',sans-serif;color:var(--blue,#005bac);}
.env-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;}
.env-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;}
.env-banner>img{position:absolute;width:101.319444%;max-width:none;height:auto;left:-.416667%;top:-4.615385%;z-index:-2;}
.env-banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.30);z-index:-1;}
.env-tabs,.env-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;}
.env-tabs a{position:relative;display:block;white-space:nowrap;color:#fff;text-decoration:none;font-size:16pt;line-height:32px;font-weight:700;}
.env-tabs a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:white;}
.env-tabs.is-ready a::after{display:none;}
.env-tab-line{position:absolute;height:2px;background:white;bottom:16px;left:0;width:0;pointer-events:none;transition:transform .32s ease,width .32s ease;}
.env-tabs a:focus-visible{outline:2px solid white;outline-offset:6px;border-radius:2px;}
.env-banner__title{width:auto;justify-content:center;margin:0;font-size:16pt;font-weight:700;}
.env-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:48px 0 132px;}
.env-summary h3,.env-why h3{font-size:28pt;line-height:48px;font-weight:700;letter-spacing:-.025em;margin:0;word-break:keep-all;}
.env-summary p{margin:0;color:#434343;font-size:14pt;line-height:32px;letter-spacing:-.025em;word-break:keep-all;}
.env-pillars{background:#f3f7f9;padding:117px 0 119px;}
.env-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;}
.env-card{background:white;border-radius:12px;overflow:hidden;}
.env-card__image{position:relative;aspect-ratio:448/275;isolation:isolate;overflow:hidden;}
.env-card__image>img{position:absolute;height:auto;max-width:none;z-index:-2;}
.env-card--e .env-card__image>img{width:146.651786%;left:-4.017857%;top:-55.636364%;}
.env-card--s .env-card__image>img{width:114.285714%;left:-8.705357%;top:-2.181818%;}
.env-card--g .env-card__image>img{width:104.017857%;left:-2.678571%;top:-6.181818%;}
.env-card__image::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:-1;}
.env-letter{position:absolute;display:block;background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.34));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask:var(--letter-mask) center/100% 100% no-repeat;-webkit-mask:var(--letter-mask) center/100% 100% no-repeat;}
.env-card--e .env-letter{left:42.857143%;top:29.454545%;width:14.508929%;height:40.727273%;--letter-mask:url('/media/hwashin/HSgroup/esg-envability/E-mask.png');}
.env-card--s .env-letter{left:41.071429%;top:28.727273%;width:18.303571%;height:42.181818%;--letter-mask:url('/media/hwashin/HSgroup/esg-envability/S-mask.png');}
.env-card--g .env-letter{left:37.5%;top:28.727273%;width:25.223214%;height:41.818182%;--letter-mask:url('/media/hwashin/HSgroup/esg-envability/G-mask.png');}
.env-card__body{position:relative;min-height:275px;padding:24px 42px 36px;}
.env-card__body h3{margin:0 0 14px;font-size:24pt;line-height:48px;font-weight:700;letter-spacing:-.025em;}
.env-card__body ul{margin:0;padding:0 0 0 8px;list-style:none;color:#434343;font-size:16pt;line-height:32px;letter-spacing:-.025em;}
.env-card__body li::before{content:'· ';}
.env-card__icon{position:absolute;right:55px;bottom:44px;width:82px;height:82px;object-fit:contain;}
.env-why{display:grid;grid-template-columns:1fr 1fr;padding-top:119px;padding-bottom:140px;}
.env-why h4{font-family:'Poppins',sans-serif;font-size:19pt;line-height:1.5;margin:0 0 20px;font-weight:700;}
.env-why p{font-size:14pt;line-height:32px;margin:0;color:#434343;word-break:keep-all;}
.env-why article+article{border-top:1px solid #ddd;margin-top:76px;padding-top:76px;}
.env-empty{padding:48px 0 140px;}
.env-empty h3{font-size:28pt;line-height:1.4;margin:0 0 32px;font-weight:700;}
.env-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){.env-grid{gap:3.3333%;}.env-card__body{padding:24px 9.375% 110px;}.env-card__body ul{font-size:clamp(14px,1.2vw,21.333px);line-height:1.65;}.env-card__icon{right:10%;bottom:24px;width:64px;height:64px;}.env-card__body h3{font-size:clamp(24px,2vw,32px);}.env-banner>img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.env-summary,.env-why{gap:32px;}}
@media(max-width:768px){.env-head{padding-top:72px;}.env-kicker{font-size:14px;}.env-head h2{font-size:32px;line-height:1.35;margin-top:22px;}.env-banner{height:240px;margin-top:34px;}.env-banner>img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.env-tabs{gap:8px;padding:14px 12px;min-height:60px;max-width:calc(100% - 24px);}.env-tabs a{font-size:clamp(10px,2.8vw,16px);line-height:28px;}.env-tab-line{bottom:14px;}.env-summary,.env-why{grid-template-columns:1fr;gap:24px;padding:36px 0 64px;}.env-summary h3,.env-why h3,.env-empty h3{font-size:26px;line-height:1.4;}.env-summary p,.env-why p{font-size:16px;line-height:1.9;}.env-pillars{padding:48px 0;}.env-grid{grid-template-columns:1fr;gap:24px;max-width:448px;}.env-card__body{padding:24px 28px 108px;min-height:275px;}.env-card__body h3{font-size:28px;line-height:1.5;}.env-card__body ul{font-size:18px;line-height:1.8;}.env-card__icon{width:64px;height:64px;right:28px;bottom:28px;}.env-why{padding:56px 20px 64px;}.env-why h4{font-size:20px;}.env-why article+article{margin-top:32px;padding-top:32px;}.env-empty{padding:36px 0 72px;}}
@media(max-width:420px){.env-head h2{font-size:29px;}}
@media(prefers-reduced-motion:reduce){.env-tab-line{transition:none;}}

/* Environmental PSD: banner crop (215,527,1479,1012) within (240,857,1440,390). */
.env-banner>img{width:102.708333%;left:-1.736111%;top:-84.615385%;height:auto;object-fit:initial;}
.env-tabs{padding-left:48px;padding-right:48px;}
.env-summary{padding-bottom:84px;border-bottom:1px solid #ddd;}
.env-policy{padding:126px 0 160px;}
.env-policy h3,.env-pdca h3{font-size:32px;line-height:48px;font-weight:700;letter-spacing:-.025em;margin:0;}
.env-policy__intro,.env-pdca__intro{font-size:18.666667px;line-height:32px;color:#434343;letter-spacing:-.025em;margin:16px 0 0;}
.env-policies{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;border-top:2px solid #000;}
.env-policies li{position:relative;padding:36px 22px 36px 27px;min-height:144px;border-bottom:1px solid #ddd;font-size:21.333333px;line-height:28px;letter-spacing:-.025em;}
.env-policies li:nth-child(-n+2){min-height:169px;}
.env-policies li:last-child{border:0;min-height:164px;}
.env-policies li::before{content:'';position:absolute;left:0;top:43px;width:14px;height:14px;background:#999;border-radius:50%;}
.env-policy-photo{height:216px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.env-policy-photo img{position:absolute;z-index:-2;width:101.944444%;max-width:none;height:auto;left:-.694444%;top:-237.5%;}
.env-policy-photo::after{content:'';position:absolute;inset:0;background:#0004;z-index:-1;}
.env-policy-photo p{color:white;text-align:center;font-size:21.333333px;font-weight:700;line-height:37.333333px;margin:0;padding:24px;letter-spacing:-.025em;}
.env-pdca{background:#f3f7f9;padding:138px 0 130px;}
.env-cycle{position:relative;container-type:inline-size;width:100%;aspect-ratio:1440/750;margin-top:110px;}
.env-cycle__ring{position:absolute;width:45.138889%;aspect-ratio:1;left:27.430556%;top:6.4%;border:1px dashed #b5def3;border-radius:50%;}
.env-cycle__ring::after{content:'';position:absolute;inset:11.538462%;border:1px solid #b5def3;background:#fff;border-radius:50%;}
.env-cycle__center{position:absolute;left:37.291667%;top:25.333333%;width:25.416667%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#444;isolation:isolate;display:grid;place-items:center;}
.env-cycle__center img{position:absolute;z-index:-2;max-width:none;width:182.513661%;height:auto;left:-30.054645%;top:-2.73224%;}
.env-cycle__center::after{content:'';position:absolute;inset:0;z-index:-1;background:#0006;}
.env-cycle__center p{text-align:center;color:white;margin:0;font-size:2.222222cqw;line-height:3.333333cqw;letter-spacing:-.025em;}
.env-cycle__center strong{font-family:'Poppins',sans-serif;font-weight:600;}.env-cycle__center span{font-size:1.944444cqw;font-weight:700;}
.env-step{position:absolute;width:100%;height:28%;left:0;top:0;pointer-events:none;}
.env-step h4{position:absolute;width:14.583333%;aspect-ratio:1;border-radius:50%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:#348ddd;font-family:'Poppins',sans-serif;}
.env-step small{font-size:1.296296cqw;opacity:.4;font-weight:600;margin-bottom:1.1cqw;}
.env-step b{font-size:4.444444cqw;line-height:1;font-weight:700;}.env-step h4 span{font-size:1.296296cqw;font-weight:600;margin-top:.3cqw;}
.env-step ul{position:absolute;list-style:none;top:6.190476%;margin:0;width:19.444444%;height:90.47619%;border-radius:12px;background:white;display:flex;flex-direction:column;justify-content:center;padding:1.944444cqw .972222cqw 1.944444cqw 1.944444cqw;font-size:1.296296cqw;line-height:2.222222cqw;letter-spacing:-.025em;color:#434343;}
.env-step li::before{content:'· ';}.env-step li{word-break:keep-all;}
.env-step--p h4,.env-step--a h4{left:26.388889%;}.env-step--d h4,.env-step--c h4{left:59.027778%;}
.env-step--p ul,.env-step--a ul{left:5.138889%;}.env-step--d ul,.env-step--c ul{left:75.347222%;}
.env-step--a,.env-step--c{top:71.466667%;}
.env-step--d h4{background:#44a3bc;}.env-step--c h4{background:#0088b1;}.env-step--a h4{background:#0b345f;}
@media(max-width:1500px) and (min-width:769px){.env-policy-photo p{font-size:16px;}.env-policies li{font-size:18px;}}
@media(max-width:768px){.env-banner>img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.env-tabs{padding-left:16px;padding-right:16px;}.env-tabs a{font-size:clamp(12px,3.6vw,16px);}.env-summary{padding-bottom:48px;}.env-policy{padding:48px 0 56px;}.env-policy h3,.env-pdca h3{font-size:26px;line-height:1.45;}.env-policy__intro,.env-pdca__intro{font-size:16px;line-height:1.9;}.env-policies{grid-template-columns:1fr;margin-top:28px;}.env-policies li,.env-policies li:nth-child(-n+2),.env-policies li:last-child{min-height:0;padding:24px 0 24px 24px;font-size:17px;line-height:1.8;}.env-policies li::before{top:34px;width:10px;height:10px;}.env-policy-photo{height:auto;min-height:270px;margin-top:24px;}.env-policy-photo img{width:100%;height:100%;object-fit:cover;left:0;top:0;}.env-policy-photo p{font-size:16px;line-height:1.9;padding:28px 22px;}.env-policy-photo br{display:none;}.env-pdca{padding:56px 0;}.env-cycle{aspect-ratio:auto;margin-top:36px;display:flex;flex-direction:column;gap:18px;container-type:normal;}.env-cycle__ring{display:none;}.env-cycle__center{position:relative;left:auto;top:auto;width:240px;align-self:center;margin-bottom:18px;}.env-cycle__center p{font-size:23px;line-height:1.6;}.env-cycle__center span{font-size:20px;}.env-step{position:relative;top:auto;left:auto;height:auto;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;}.env-step h4{position:static;width:96px;height:96px;}.env-step small{font-size:12px;margin:0;}.env-step b{font-size:32px;}.env-step h4 span{font-size:14px;margin:0;}.env-step ul{position:static;width:auto;height:auto;min-height:110px;padding:18px 14px;font-size:15px;line-height:1.75;}}

/* PDCA alignment: number separated above a compact, centered letter/name pair. */
.env-step small{position:absolute;top:13%;left:0;width:100%;text-align:center;line-height:1;margin:0;}
.env-step b{position:absolute;top:31%;left:0;width:100%;text-align:center;line-height:1;}
.env-step h4 span{position:absolute;top:61%;left:0;width:100%;text-align:center;line-height:1;margin:0;}
@media(max-width:768px){.env-step h4{position:relative;left:auto;top:auto;}.env-policies li::before{top:calc(24px + .9em - 5px);}}

/* Original PSD connection markers: 7px colored center, 2px #f3f7f9 rim at the 1440px content width. */
.env-step h4::after{content:"";position:absolute;width:.763889cqw;height:.763889cqw;box-sizing:border-box;border:.138889cqw solid #f3f7f9;border-radius:50%;background:inherit;transform:translate(-50%,-50%);z-index:3;}
.env-step--p h4::after{left:81.666667%;top:91.190476%;}
.env-step--d h4::after{left:18.333333%;top:91.190476%;}
.env-step--a h4::after{left:81.666667%;top:8.809524%;}
.env-step--c h4::after{left:18.333333%;top:8.809524%;}
@media(max-width:768px){.env-step h4::after{display:none;}}
/* Fixed marker column keeps Korean/Latin starts and wrapped lines aligned. */
.env-step li{position:relative;padding-left:.65em;}
.env-step li::before{content:'·';position:absolute;left:0;top:0;width:.3em;text-align:center;}

/* Environmental policy: generous paragraph spacing, matching carbon activities. */
@media(min-width:769px){
 .env-policies li,.env-policies li:nth-child(-n+2){min-height:0;padding-top:68px;padding-bottom:76px;}
 .env-policies li:last-child{min-height:0;padding-top:68px;padding-bottom:94px;}
 .env-policies li::before{top:75px;}
}
@media(max-width:768px){
 .env-policies li,.env-policies li:nth-child(-n+2){padding-top:40px;padding-bottom:44px;}
 .env-policies li:last-child{padding-top:40px;padding-bottom:52px;}
 .env-policies li::before{top:calc(40px + .9em - 5px);}
 .env-policies + .env-policy-photo{margin-top:0;}
}