/* Cinematic first-visit introduction. Shown only when <html> has the class intro-on. */
#sdg-intro{display:none}
html.intro-on{overflow:hidden}
html.intro-on #sdg-intro{display:block;position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:radial-gradient(ellipse at center,#211a14 0%,#100e0b 58%,#070605 100%);transition:opacity 1s ease}
#sdg-intro.out{opacity:0;pointer-events:none}
#sdg-intro.fast{transition-duration:.3s}
/* the hero headline arrives as the galaxy clears */
html.intro-on .hero .hc{opacity:0;transform:translateY(22px);transition:opacity 1.1s ease .15s,transform 1.3s cubic-bezier(.16,.84,.3,1) .15s}
html.intro-on.intro-rev .hero .hc{opacity:1;transform:none}
.si-zoom{position:absolute;left:50%;top:50%;width:0;height:0}
.si-l{position:absolute;left:0;top:0;width:0;height:0}
.si-l1{animation:siSpin1 4.4s cubic-bezier(.3,0,.3,1) forwards}
.si-l2{animation:siSpin2 4.4s cubic-bezier(.3,0,.3,1) forwards}
@keyframes siSpin1{from{transform:rotate(-8deg)}to{transform:rotate(22deg)}}
@keyframes siSpin2{from{transform:rotate(-4deg)}to{transform:rotate(10deg)}}
.si-core{position:absolute;left:-32vmax;top:-32vmax;width:64vmax;height:64vmax;border-radius:50%;background:radial-gradient(circle,rgba(240,211,162,.16) 0%,rgba(240,211,162,.05) 32%,rgba(240,211,162,0) 62%);opacity:0;transform:scale(.4);transition:opacity 1.8s ease,transform 3s ease}
.si-core.in{opacity:1;transform:scale(1)}
.si-s{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:14%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;will-change:transform,opacity;backface-visibility:hidden;box-shadow:0 6px 22px rgba(0,0,0,.55),0 0 18px rgba(240,211,162,.14)}
.si-d{position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;opacity:0;transform:scale(.3);transition:opacity 1.6s ease,transform 3.4s cubic-bezier(.16,.84,.3,1)}
.si-d.in{opacity:.9;transform:scale(1)}
.si-d.gone{opacity:0;transition:opacity .8s ease}
.si-brand{position:absolute;left:0;right:0;top:50%;margin:0;max-width:none;padding:0 24px;transform:translateY(-50%);text-align:center;color:#FFF3D6;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(26px,3.4vw,52px);letter-spacing:.02em;line-height:1.15;opacity:0;transition:opacity .9s ease;pointer-events:none;text-shadow:0 2px 30px rgba(0,0,0,.95),0 0 70px rgba(0,0,0,.9)}
.si-brand small{display:block;margin-top:10px;font:500 clamp(11px,1vw,13px)/1.4 Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#F0D3A2}
.si-brand.in{opacity:1}
.si-skip{position:absolute;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(20,16,12,.45);color:#fff;font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.si-skip:hover{background:rgba(255,255,255,.16)}
/* our work reveal */
.gal.gx-ready figure{opacity:0;position:relative}
.gal.gx-ready .ph{background:transparent}