/* The signature: original Alatapps brand artwork, drawing -> finished form. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.impact-site .site-header{position:absolute;top:0;left:var(--gutter);right:var(--gutter);width:auto;height:108px;padding:0;z-index:20;color:#f3f0e8;border-color:#f3f0e82d;gap:40px}
.impact-site .site-header .main-nav{gap:27px}.impact-site .site-header .nav-contact{border-color:#f3f0e878}.impact-site .site-header .language a{color:#cdd9c7}.impact-site .site-header .language a[aria-current]{color:#fff8e9}.impact-site .site-header .language span{color:#9aad9f}
.impact-hero{height:auto;min-height:max(860px,min(100svh,1200px));isolation:isolate;background:#0b211b;color:#f3f0e8;overflow:clip;}
.hero-art{position:absolute;inset:42px 0 0;z-index:-3;overflow:hidden;pointer-events:none}.hero-art-inner{width:100%;height:100%;position:relative;transform-origin:70% 55%}.hero-drawing,.hero-finished{position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-finished{clip-path:none}.hero-art-fallback{position:absolute;width:52%;right:5%;top:17%;height:72%;object-fit:contain;opacity:.75}.hero-art[data-failed] .hero-drawing,.hero-art[data-failed] .hero-finished{display:none}
.hero-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b211bf5 0%,#0b211bac 25%,#0b211b16 48%,transparent 70%),linear-gradient(#0b211beb 0,transparent 170px,transparent 74%,#0b211b 100%)}
.impact-content{padding:156px var(--gutter) 135px;position:relative;z-index:2;width:min(760px,59%);pointer-events:none}.impact-content>a{pointer-events:auto}.impact-eyebrow{font-size:12px;color:#d0ddca;line-height:1.5;white-space:nowrap;margin:0 0 45px}
.impact-title{font-size:clamp(92px,8.35vw,145px);letter-spacing:-.047em;line-height:.92;font-weight:450;margin:0 0 35px}.impact-line{display:block}.impact-line em{font-style:normal;color:#e8b07a}.impact-intro{font-size:16px;line-height:1.6;max-width:340px;color:#e1e7dc;margin-bottom:29px}
.impact-cta{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:54px;padding:16px 20px;border-radius:2px;background:#f3f0e8;color:#153429;font-size:14px;line-height:1.35;transition:background-color 200ms ease,transform 160ms var(--ease-out)}.impact-cta svg{width:18px;height:18px;transition:transform 200ms var(--ease-out)}.impact-cta:active{transform:scale(.97)}
.hero-bottomline{position:absolute;bottom:29px;left:var(--gutter);right:var(--gutter);z-index:3;display:flex;align-items:end;justify-content:space-between;gap:28px}.hero-signoff{font-size:11px;color:#d2ddca}.hero-signoff p{font-size:14px;margin-top:9px;color:#f3f0e8}.hero-scroll{border:1px solid #f3f0e869;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:23px;flex-shrink:0;transition:background-color 200ms ease}
.impact-site .workshop{background:#f3f0e8;color:#283b32}.impact-site .work-intro .eyebrow{color:#606b59}.impact-site .work-intro>p:last-child,.impact-site .work-chapter>p:last-child{color:#445140}.impact-site .work-chapter{border-color:#283b323d}.impact-site .work-chapter .chapter-tag{color:#974824}.impact-site .board-corners i{background:#f3f0e8;border-color:#748270}.impact-site .studio-offer{border-top:1px solid #283b3229}
@media(hover:hover) and (pointer:fine){.impact-cta:hover{background:#e8b07a}.impact-cta:hover svg{transform:translate(3px,-3px)}.hero-scroll:hover{background:#f3f0e81a}}
@media(min-width:1700px){.impact-content{padding-top:180px}.impact-eyebrow{margin-bottom:55px}.impact-title{font-size:150px}.impact-intro{font-size:18px;max-width:390px}.hero-bottomline{bottom:40px}}
@media(max-height:850px) and (min-width:901px){.impact-hero{min-height:740px}.impact-content{padding-top:142px}.impact-eyebrow{margin-bottom:27px}.impact-title{font-size:min(8vw,104px);margin-bottom:26px}.impact-intro{font-size:15px;line-height:1.55;margin-bottom:22px}.hero-signoff p{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){.impact-site .site-header{gap:23px}.impact-site .site-header .main-nav{gap:17px}.impact-site .site-header .main-nav a{font-size:12px}.impact-hero{min-height:850px}.impact-content{width:60%;padding-top:154px}.impact-title{font-size:8.6vw}.impact-eyebrow{font-size:11px;white-space:normal;max-width:240px;margin-bottom:40px}.impact-intro{font-size:15px;max-width:280px}.hero-art{left:-17%;right:-6%}.hero-vignette{background:linear-gradient(90deg,#0b211bf2,#0b211b99 35%,transparent 70%),linear-gradient(#0b211be6 0,transparent 160px,transparent 68%,#0b211b 100%)}.hero-signoff{max-width:290px}}
@media(max-width:700px){.impact-site .site-header{left:24px;right:24px;height:110px;padding-top:18px;gap:5px 15px;align-content:start}.impact-site .site-header .main-nav{gap:20px;width:100%;justify-content:space-between;margin-top:2px}.impact-site .site-header .main-nav a{font-size:11px;min-height:40px}.impact-site .site-header .language a{min-height:32px}.impact-hero{height:max(840px,100svh);min-height:840px;max-height:none}.impact-content{width:100%;padding:140px 24px 0}.impact-eyebrow{white-space:normal;font-size:10px;margin-bottom:25px;max-width:300px}.impact-title{font-size:clamp(46px,12.8vw,72px);line-height:.98;letter-spacing:-.045em;margin-bottom:22px;max-width:530px}.line-1,.line-2{display:inline}.impact-line em{color:#e8b07a}.impact-intro{font-size:15px;line-height:1.55;max-width:330px;margin-bottom:21px}.impact-cta{font-size:13px;min-height:49px;padding:13px 17px;gap:30px}.hero-art{top:auto;bottom:42px;left:-56%;right:auto;width:158%;height:auto;aspect-ratio:1586 / 992;z-index:-3}.hero-drawing,.hero-finished{object-fit:contain}.hero-art-fallback{width:62%;right:4%;height:90%;top:0}.hero-vignette{background:linear-gradient(#0b211b 0%,#0b211b 43%,#0b211b00 57%,#0b211b00 82%,#0b211b 100%)}.hero-bottomline{bottom:16px;left:24px;right:24px;gap:20px;align-items:center}.hero-signoff{display:none}.hero-scroll{width:40px;height:40px;font-size:21px;margin-left:auto}}
@media(max-width:370px){.impact-hero{min-height:805px;height:max(805px,100svh)}.impact-content{padding-top:135px}.impact-eyebrow{font-size:9px;margin-bottom:24px}.impact-title{font-size:46px}.impact-intro{font-size:14px;max-width:292px}.hero-art{bottom:47px}.hero-scroll{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.impact-cta,.impact-cta svg,.hero-scroll{transition:none}.impact-cta:active,.impact-cta:hover svg{transform:none}}
.motion-off .impact-cta,.motion-off .impact-cta svg,.motion-off .hero-scroll{transition:none}.motion-off .impact-cta:active,.motion-off .impact-cta:hover svg{transform:none}
.hero-scroll{min-width:44px;min-height:44px}
.hero-art{mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}
@media(min-width:701px) and (max-width:900px){.impact-content{width:100%;padding-top:154px}.impact-title{font-size:80px;max-width:660px}.line-1,.line-2{display:inline}.impact-eyebrow{max-width:none;margin-bottom:30px}.impact-intro{max-width:400px}.hero-art{top:auto;bottom:62px;left:-15%;right:auto;width:112%;height:auto;aspect-ratio:1586 / 992}.hero-drawing,.hero-finished{object-fit:contain}.hero-vignette{background:linear-gradient(#0b211b 0%,#0b211b 39%,#0b211b00 57%,#0b211b00 82%,#0b211b 100%)}.hero-signoff{max-width:235px}}
@media(max-width:370px){.hero-art{left:-50%;width:150%}}

/* Automatic material sequence: shared source geometry, no controls. */
.hero-material,.hero-light-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;overflow:hidden}
.hero-material{z-index:1}.hero-finished{z-index:2}.hero-light-layer{z-index:3}.hero-light{opacity:0;mix-blend-mode:screen}
.hero-art[data-failed] .hero-material,.hero-art[data-failed] .hero-light-layer{display:none}
.hero-art[data-ready] .hero-art-fallback{visibility:hidden}
@media(max-width:700px){.hero-signoff{display:block;font-size:10px;max-width:235px}.hero-signoff p{display:none}}

/* Keep the complete sculpture in a bounded stage on wide screens. */
@media(min-width:901px){
  .impact-site{--hero-gutter:max(var(--gutter),calc((100vw - 1680px)/2))}
  .impact-site .site-header,.hero-bottomline{left:var(--hero-gutter);right:var(--hero-gutter)}
  .impact-hero{display:flex;align-items:center;padding:156px 0 132px}
  .impact-content{padding:0;margin-left:var(--hero-gutter);width:min(560px,calc((100% - 2*var(--hero-gutter))*.44))}
  .impact-eyebrow{margin:0 0 32px;max-width:none;white-space:nowrap;font-size:12px}
  .impact-title{font-size:clamp(78px,min(7.6vw,12.8svh),138px);line-height:.94;margin:0 0 36px}
  .impact-intro{font-size:clamp(16px,1.15vw,20px);line-height:1.65;max-width:440px;margin:0 0 28px;text-wrap:balance}
  .hero-art{inset:auto;top:calc(50% + 35px);right:var(--hero-gutter);width:min(82vw,1480px,calc((100svh - 220px)*1.6));height:auto;aspect-ratio:1586 / 992;transform:translateY(-50%);mix-blend-mode:lighten}
  .hero-art{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 97%,transparent),linear-gradient(transparent,#000 1.5%,#000 86%,transparent);mask-composite:intersect}
}
@media(min-width:901px) and (max-height:850px){.impact-hero{padding-top:132px;padding-bottom:100px}.impact-eyebrow{margin-bottom:28px}.impact-title{margin-bottom:28px}.impact-intro{margin-bottom:24px}}
@media(min-width:901px) and (max-width:1200px){.impact-intro{max-width:300px}}

/* The stage keeps its normal composition but grows with enlarged or wrapped text. */
.impact-site{background:#0b211b}
.impact-site .site-header{position:relative;left:auto;right:auto;margin:0 var(--gutter);height:auto;min-height:108px;flex-wrap:wrap}
.impact-site main{margin-top:-108px}
.impact-content{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.impact-eyebrow{white-space:normal}
.impact-cta{max-width:100%;text-align:left}
@media(min-width:901px) and (max-height:850px){.impact-hero{min-height:max(740px,100svh)}}
@media(min-width:701px) and (max-width:1100px){.impact-hero{min-height:max(850px,100svh)}}
@media(max-width:700px){.impact-hero{height:auto;min-height:max(840px,100svh)}.impact-content{padding-bottom:100px}}
@media(max-width:370px){.impact-hero{min-height:max(805px,100svh)}}
@media(min-width:901px){.impact-site .site-header{margin-inline:var(--hero-gutter)}}
@media(max-width:700px){.impact-site .site-header{margin-inline:24px;min-height:110px;padding-bottom:0}.impact-site main{margin-top:-110px}}
@media(max-width:700px){.impact-intro{background:#0b211b;box-shadow:0 0 0 6px #0b211b}}

/* Narrow screens: copy/action, complete A, then the scroll cue.
   Crop only the empty left background of the original 1586 x 992 artwork.
   Every material layer keeps the same coordinate system and animation. */
@media(max-width:900px){
  .impact-hero{display:flex;flex-direction:column;height:auto;min-height:100svh}
  .impact-content{order:0;padding-bottom:0}
  .hero-art{position:relative;inset:auto;order:1;flex:none;z-index:0;width:calc(100% - 48px);max-width:580px;height:auto;aspect-ratio:1120 / 992;margin:28px auto 18px;mix-blend-mode:lighten;mask-image:linear-gradient(transparent,#000 .6%,#000 91%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent);mask-composite:intersect}
  .hero-art-inner{width:141.607143%;height:100%;left:-37.5%}
  .hero-vignette{display:none}
  .hero-bottomline{position:relative;inset:auto;order:2;margin-top:auto;padding:0 24px 16px;min-height:60px;width:100%}
}