.sd-brand-loader[hidden]{display:none!important}
.sd-brand-loader{--intro-duration:3800ms;position:fixed;inset:0;z-index:150;background:#fff;color:#204b4e;display:grid;place-items:center;opacity:0;transition:opacity 480ms ease,clip-path 750ms cubic-bezier(.76,0,.24,1);contain:paint;font-family:Kanit,system-ui,sans-serif;isolation:isolate}
.sd-brand-loader.is-active{opacity:1}
.sd-brand-loader:focus{outline:none}
.sd-brand-loader.is-leaving{clip-path:inset(0 0 100% 0);pointer-events:none}
.sd-signature-opening{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(36px,4.5vw,72px);font-weight:400;letter-spacing:-.035em;opacity:0}
.sd-brand-loader__inner{position:relative;width:min(70vw,390px);text-align:center;opacity:0;transform:translateY(18px)}
.sd-brand-loader__logo{width:100%;height:auto;display:block;overflow:visible}
.sd-brand-loader__caption{display:block;margin-top:27px;color:#6a7875;font-size:15px;font-weight:300;letter-spacing:.03em;opacity:0}
.sd-brand-loader.is-animating .sd-signature-opening{animation:sd-opening 1600ms cubic-bezier(.22,1,.36,1) forwards}
.sd-brand-loader.is-animating .sd-brand-loader__inner{animation:sd-logo-stage 1700ms cubic-bezier(.22,1,.36,1) 1200ms forwards}
.sd-brand-loader.is-animating .sd-brand-loader__draw{stroke-dasharray:1000;stroke-dashoffset:1000;fill-opacity:0;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;animation:sd-brand-draw 1100ms cubic-bezier(.37,.02,.33,1) 1300ms forwards,sd-brand-fill 450ms ease 2400ms forwards}
.sd-brand-loader.is-animating .sd-brand-loader__letter{animation-delay:1450ms,2550ms}
.sd-brand-loader.is-animating .sd-brand-loader__caption{animation:sd-caption 650ms ease 2650ms forwards}
.sd-intro-footer{position:absolute;left:40px;right:40px;bottom:33px;display:flex;align-items:center;justify-content:space-between;color:#6a7875;font-size:12px;font-weight:300;letter-spacing:.025em}
.sd-intro-track{height:1px;width:132px;background:#204b4e20;overflow:hidden}.sd-intro-track i{display:block;height:100%;width:100%;background:#204b4e;transform:scaleX(0);transform-origin:left;animation:sd-intro-time var(--intro-duration) linear forwards}
.sd-story-scene{display:none}
.sd-brand-loader[data-variant=story]{--intro-duration:4600ms;background:#fff}
.sd-brand-loader[data-variant=story] .sd-signature-opening{display:none}
.sd-brand-loader[data-variant=story] .sd-story-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;width:min(1120px,82vw);margin:auto}
.sd-story-photos{height:min(60vh,570px);position:relative}
.sd-story-photo{position:absolute;object-fit:cover;border-radius:5px;opacity:0;filter:none}
.sd-story-photo--main{width:62%;height:92%;left:24%;top:0;z-index:2;--tilt:-5deg}
.sd-story-photo--back{width:65%;height:50%;left:0;top:8%;z-index:1;--tilt:7deg}
.sd-story-photo--front{width:45%;height:54%;right:-2%;bottom:-2%;z-index:3;--tilt:6deg;border:7px solid #fff}
.sd-story-copy p{font-size:clamp(30px,4.2vw,64px);line-height:1.3;font-weight:400;letter-spacing:-.035em;margin:0 0 23px}
.sd-story-copy span{font-size:16px;font-weight:300;color:#6a7875}
.sd-brand-loader.is-animating .sd-story-photo{animation:sd-photo-in 1100ms cubic-bezier(.22,1,.36,1) calc(var(--photo-delay,0)*1ms + 100ms) both}
.sd-story-photo--back{--photo-delay:100}.sd-story-photo--front{--photo-delay:240}
.sd-brand-loader.is-animating .sd-story-copy{animation:sd-story-copy 1100ms cubic-bezier(.22,1,.36,1) 400ms both}
.sd-brand-loader.is-animating .sd-story-scene{animation:sd-story-out 800ms cubic-bezier(.65,0,.35,1) 2600ms forwards}
.sd-brand-loader[data-variant=story].is-animating .sd-brand-loader__inner{animation-delay:3100ms;animation-duration:750ms}
.sd-brand-loader[data-variant=story].is-animating .sd-brand-loader__draw{animation:sd-brand-fill 650ms ease 3200ms both;stroke-dashoffset:0}
.sd-brand-loader[data-variant=story].is-animating .sd-brand-loader__caption{animation-delay:3650ms;animation-duration:550ms}
@keyframes sd-opening{0%{opacity:0;transform:translateY(24px)}30%,62%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
@keyframes sd-logo-stage{to{opacity:1;transform:translateY(-10px)}}
@keyframes sd-brand-draw{to{stroke-dashoffset:0}}
@keyframes sd-brand-fill{from{fill-opacity:0;stroke-opacity:1}to{fill-opacity:1;stroke-opacity:0}}
@keyframes sd-caption{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes sd-intro-time{to{transform:scaleX(1)}}
@keyframes sd-photo-in{from{opacity:0;transform:translateY(50px) rotate(0deg);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0) rotate(var(--tilt));clip-path:inset(0)}}
@keyframes sd-story-copy{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes sd-story-out{to{opacity:0;transform:translateY(-24px) scale(.98)}}
@media(max-width:600px){.sd-intro-footer{left:24px;right:24px;bottom:25px;font-size:10px}.sd-intro-track{width:72px}.sd-brand-loader__caption{font-size:13px;margin-top:22px}.sd-brand-loader[data-variant=story] .sd-story-scene{grid-template-columns:1fr;align-content:center;gap:37px;width:76vw}.sd-story-photos{height:min(37vh,310px);width:78%;margin:auto}.sd-story-copy{text-align:center}.sd-story-copy p{font-size:36px;margin-bottom:13px}.sd-story-copy span{font-size:13px}.sd-story-photo--front{right:-12%}.sd-brand-loader__inner{width:min(84vw,340px)}}
@media(max-height:500px) and (min-width:601px){.sd-story-photos{height:60vh}.sd-story-copy p{font-size:36px}.sd-intro-footer{bottom:20px}}
@media(prefers-reduced-motion:reduce){.sd-brand-loader{transition:opacity 120ms ease;clip-path:none!important}.sd-brand-loader.is-leaving{opacity:0}.sd-signature-opening,.sd-story-scene{display:none!important}.sd-brand-loader .sd-brand-loader__inner{animation:none!important;opacity:1;transform:none}.sd-brand-loader .sd-brand-loader__draw,.sd-brand-loader .sd-brand-loader__caption{animation:none!important;stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0;opacity:1}.sd-intro-track i{animation:none;transform:scaleX(1)}}