.eco-wrap{width:calc(100% - 64px);max-width:1536px;margin:0 auto;padding:40px 0 72px}.eco-page h1{font-size:clamp(32px,4vw,60px);line-height:1.14;letter-spacing:-.04em;margin:24px 0}.eco-page h1 em{font-style:normal;color:#e4bc6a}.eco-lead{font-size:clamp(20px,2vw,27px);line-height:1.65;color:#f4f2ef;max-width:1000px}.eco-intro{max-width:980px;line-height:1.95;color:#bfc3d5;font-size:17px}.eco-motto{color:#e4bc6a;font-size:21px;line-height:1.7;margin:30px 0}.eco-motto small,.eco-page blockquote small{display:block;font-size:15px;color:#bfc3d5}.eco-image{position:relative;width:100%;margin-top:32px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0005}.eco-image img{display:block;width:100%;height:auto;aspect-ratio:3/2}.eco-hotspot{position:absolute;display:block;border:2px solid transparent;border-radius:12px;transition:border-color .2s,box-shadow .2s}.eco-hotspot:hover,.eco-hotspot:focus-visible{border-color:#ffcf6a;box-shadow:inset 0 0 20px #ffbf3c55,0 0 16px #ffcf6a;outline:3px solid #10233f;z-index:2}.eco-hotspot span{position:absolute;left:8px;top:8px;background:#07182f;color:#ffe0a0;padding:7px 12px;border-radius:6px;font-size:14px;opacity:0;pointer-events:none}.eco-hotspot:hover span,.eco-hotspot:focus-visible span{opacity:1}.eco-image-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0}.eco-image-tools p{color:#c1c5d3;font-size:16px}.eco-image-tools .btn{flex-shrink:0}.eco-note{font-size:14px;line-height:1.8;color:#bdc4d7;border-left:3px solid #e4bc6a;padding:12px 18px;background:#ffffff05}.eco-page h2{font-size:27px;margin:46px 0 22px}.eco-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eco-list>a{display:flex;gap:18px;align-items:center;padding:22px 18px;background:#171724;border:1px solid #353449;border-radius:12px;min-height:106px}.eco-list>a:hover{border-color:#e4bc6a}.eco-list>a>span{color:#e4bc6a;font-size:25px}.eco-list small{display:block;font-size:12px;letter-spacing:.04em;color:#b6b2c9}.eco-list strong{display:block;font-size:18px;margin-top:5px}.eco-page a:focus-visible{outline:3px solid #e4bc6a;outline-offset:4px}.eco-journey{display:flex;list-style:none;padding:0;gap:10px;overflow-x:auto}.eco-journey li{flex:1;min-width:112px;padding:20px 8px;background:linear-gradient(145deg,#1d2638,#151622);text-align:center;border-top:2px solid #e4bc6a;border-radius:6px;font-size:16px}.eco-journey span{display:block;font-size:26px;color:#e4bc6a;margin-bottom:10px}.eco-page blockquote{border-left:3px solid #e4bc6a;padding:28px 30px;margin:48px 0 16px;background:#161723;font-size:clamp(21px,2vw,30px);line-height:1.8}.eco-page blockquote footer{background:none;padding:20px 0 0;font-size:16px;border:0}.eco-detail{max-width:1000px}.eco-detail-body{max-width:820px;font-size:18px;line-height:1.95}.eco-detail-body>p{margin:20px 0;color:#cbd0df}.eco-points{padding-left:24px}.eco-points li{padding:6px 0}.eco-points li::marker{color:#e4bc6a}.eco-actions,.eco-next{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.eco-next{justify-content:space-between;border-top:1px solid #343448;padding-top:24px;font-size:15px}.eco-next a{color:#e4bc6a}@media(max-width:900px){.eco-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.eco-wrap{width:calc(100% - 32px);padding-top:24px}.eco-list{grid-template-columns:1fr}.eco-image-tools{display:block}.eco-image-tools .btn{margin-bottom:10px}.eco-hotspot span{display:none}.eco-page blockquote{padding:22px 18px}.eco-detail-body{font-size:17px}.eco-journey li{min-width:122px}.eco-hotspot{border-radius:4px}}
