.audience{background:var(--color-bg);min-height:100vh;min-height:100svh;display:flex;align-items:center;box-sizing:border-box;padding-top:clamp(16px,3vh,40px);padding-bottom:clamp(20px,3vh,44px)}.audience .section-inner{width:100%}.audience .section-intro{max-width:720px;margin:0 auto clamp(18px,3vh,34px);text-align:center}.audience .audience-h{margin:6px 0 10px}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);margin-bottom:clamp(16px,2.4vh,28px)}.aud-card{position:relative;width:100%;height:clamp(320px,46vh,520px);min-width:0;background:var(--color-sunken);border-radius:var(--r-lg,18px);overflow:hidden}.aud-media{position:absolute;inset:0;overflow:hidden;background:var(--color-accent-soft)}.aud-media img{object-fit:cover}.aud-media--teacher img{object-position:center 18%}.aud-media--student img{object-position:center 62%}.aud-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(14,14,14,.42) 0,rgba(14,14,14,.1) 18%,transparent 34%)}.aud-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(38px,6vh,70px) clamp(20px,2.2vw,32px) clamp(18px,2.4vh,30px);color:#fff;background:linear-gradient(0deg,rgba(14,14,14,.88) 0,rgba(14,14,14,.74) 42%,rgba(14,14,14,.3) 74%,transparent)}.aud-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);letter-spacing:0;line-height:1.2;color:#fff;margin:0;text-wrap:balance}.aud-body{font-family:var(--font-sans);font-weight:400;font-size:clamp(13px,.95vw,15px);line-height:1.55;color:rgba(255,255,255,.9);margin:10px 0 0;text-wrap:pretty}@media (max-width:900px){.audience-cards{grid-template-columns:1fr}.aud-card{height:auto;aspect-ratio:16/9}}@media (max-width:780px){.audience{min-height:0;padding-top:clamp(40px,8vh,72px);padding-bottom:clamp(40px,8vh,72px)}.aud-card{height:auto;aspect-ratio:auto;display:flex;flex-direction:column}.aud-media{position:relative;inset:auto;flex:0 0 auto;height:clamp(190px,30vh,280px);border-radius:var(--r-lg,18px) var(--r-lg,18px) 0 0}.aud-media:after{display:none}.aud-content{position:static;background:none;padding:16px 18px 20px}.aud-content,.aud-title{color:var(--color-text)}.aud-body{font-size:14px;color:var(--color-text-muted)}}.audience-highlights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:780px){.audience-highlights{grid-template-columns:1fr}}.audience-highlights li{position:relative;display:flex;align-items:center;font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1.2vw,15px);line-height:1.3;color:var(--color-text);background:rgba(14,14,14,.03);border-radius:13px;padding:13px 16px 13px 42px}.audience-highlights li:before{content:"";position:absolute;left:16px;top:50%;width:13px;height:13px;transform:translateY(-50%);border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.eco-pillars{display:flex;gap:12px;min-height:440px;margin-bottom:48px;align-items:stretch}@media (max-width:980px){.eco-pillars{flex-direction:column;gap:8px;min-height:auto}}.pillar{position:relative;flex:1;overflow:hidden;border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-md);background:var(--raw-off-black);min-width:0;transition:flex .72s var(--ease-smooth),box-shadow .5s;outline:none}.pillar.is-open{flex:5;cursor:default}.pillar:focus-visible{box-shadow:var(--shadow-md),0 0 0 3px var(--color-accent-soft)}@media (max-width:980px){.pillar{min-height:72px}.pillar.is-open{min-height:340px}}.pillar-bg{position:absolute;inset:0;z-index:0}.pillar-bg img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform 1.2s var(--ease-smooth),filter .7s}.pillar.is-open .pillar-bg img{transform:scale(1.04);filter:saturate(1)}@media (min-width:981px){#eco-pillars .pillar:nth-child(2) .pillar-bg img{transform-origin:55% 47%;transform:scale(1.3)}#eco-pillars .pillar.is-open:nth-child(2) .pillar-bg img{transform-origin:50% 50%;transform:scale(1.04)}}#eco-pillars .pillar:nth-child(4) .pillar-bg img{object-position:65% 20%}@media (max-width:980px){#eco-pillars .pillar:nth-child(4) .pillar-bg img{object-position:55% 15%}}#eco-pillars .pillar:nth-child(5) .pillar-bg img{object-position:center 20%}@media (max-width:980px){#eco-pillars .pillar:nth-child(5) .pillar-bg img{object-position:center 15%}#eco-pillars .pillar:nth-child(3) .pillar-bg img{object-position:100% center;transform:scale(1.5)}@media (max-width:980px){#eco-pillars .pillar:nth-child(3) .pillar-bg img{object-position:center center;transform:none}}}.pillar-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(14,14,14,.55),rgba(14,14,14,.22) 28%,rgba(14,14,14,0) 52%),linear-gradient(0deg,rgba(14,14,14,.3),rgba(14,14,14,0) 28%);transition:background .6s}@media (max-width:980px){.pillar-overlay{background:linear-gradient(90deg,rgba(14,14,14,.55),rgba(14,14,14,.3) 60%,rgba(14,14,14,.4))}}.pillar.is-open .pillar-overlay{background:linear-gradient(0deg,rgba(14,14,14,.8),rgba(14,14,14,.5) 55%,rgba(14,14,14,.12))}.pillar-hint{position:absolute;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;bottom:24px;right:18px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);background:rgba(14,14,14,.32);border:1px solid rgba(252,254,255,.28);color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .35s,border-color .35s,transform .35s var(--ease-smooth),opacity .25s;pointer-events:none;white-space:nowrap}@media (hover:hover) and (pointer:fine){.pillar-close:hover,.pillar:hover .pillar-hint{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}}.pillar.is-open .pillar-hint{opacity:0}.pillar-label{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 22px 28px 6px;transition:opacity .28s}.pillar.is-open .pillar-label{opacity:0;pointer-events:none}.pillar-label-cat{display:none}.pillar-label-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-display);font-weight:700;font-size:clamp(26px,2.6vw,36px);letter-spacing:0;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-shadow:0 1px 2px rgba(14,14,14,.25)}@media (max-width:980px){.pillar-label{flex-direction:row;align-items:center;justify-content:flex-start;padding:0 20px;height:72px}.pillar-label-title{writing-mode:horizontal-tb;transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(18px,4vw,22px)}.pillar-hint{top:50%;bottom:auto;transform:translateY(-50%);right:16px}.pillar:hover .pillar-hint{transform:translateY(-50%) translateY(-2px)}}.pillar-close{position:absolute;bottom:24px;right:18px;z-index:5;display:none;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);background:rgba(252,254,255,.14);border:1px solid rgba(252,254,255,.28);color:#fff;cursor:pointer;white-space:nowrap;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .35s,border-color .35s,transform .35s var(--ease-smooth)}.pillar.is-open .pillar-close{display:inline-flex}.pillar-detail{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 32px 88px;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity .38s .18s}.pillar.is-open .pillar-detail{opacity:1;pointer-events:auto}@media (max-width:980px){.pillar-close{top:16px;right:16px;bottom:auto}.pillar-detail{padding:64px 22px 32px;justify-content:flex-start}.pillar.is-open{min-height:340px;height:auto}.pillar.is-open .pillar-detail{position:relative;overflow-y:visible}}.pillar-detail-num{font-family:var(--font-sans);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.4;color:#fff;margin-bottom:8px;display:block;opacity:.85}.pillar-detail h3{color:#fff;margin:0 0 12px;padding-bottom:.04em;overflow:visible}.pillar-detail p{font-size:14px;line-height:1.55;color:#fff;margin:0 0 14px;max-width:560px}.pillar-detail ul{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid rgba(252,254,255,.14);display:flex;flex-direction:column;gap:7px}.pillar-detail ul li{font-family:var(--font-sans);font-size:13px;color:#fff;display:flex;align-items:flex-start;gap:9px;line-height:1.42}.pillar-detail ul li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--color-accent);margin-top:7px}.pillar-detail .pillar-cta{align-self:flex-start;margin-top:4px;padding:11px 20px;font-size:13px;background:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.pillar-detail .pillar-cta:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}}.pillar-detail .pillar-cta .icon{width:14px;height:14px}@media (max-width:980px){.pillar-detail .pillar-cta{align-self:center;margin-top:14px}}.section-intro .pillars-sub{margin:14px auto 0;font-size:clamp(15px,1.4vw,19px);line-height:1.5;color:var(--color-text-muted);max-width:46ch;text-align:center}@media (min-width:400px) and (max-width:900px) and (min-height:900px){.section-intro .pillars-sub{font-size:clamp(17px,max(1.4vw,2vh),21px)}}