@font-face{font-family:"Source Sans 3";src:url("../fonts/sourcesans3/SourceSans3[wght].ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.brand-loader{--brand-loader-primary:#098F88;--brand-loader-secondary:#F0AC62;--brand-loader-ink:#192E36;--brand-loader-paper:#F5FBFA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;min-height:250px;color:var(--brand-loader-ink);font:400 14px/1.6 "Source Sans 3",system-ui,sans-serif}
.brand-loader[hidden]{display:none!important}.brand-loader--fullscreen{position:fixed;inset:0;z-index:9999;box-sizing:border-box;min-height:100vh;min-height:100svh;background:var(--brand-loader-paper);padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));isolation:isolate;overscroll-behavior:contain}
.brand-loader__stage{position:relative;display:block;width:200px;height:200px;flex:none}.brand-loader__scene{position:absolute;inset:0;display:block}.brand-loader__scene svg{width:200px;height:200px}.brand-loader__mark{position:absolute;left:var(--brand-loader-mark-pos,65.0px);top:var(--brand-loader-mark-pos,65.0px);width:var(--brand-loader-mark-size,70px);height:var(--brand-loader-mark-size,70px);object-fit:contain}.brand-loader__label{max-width:38ch;text-align:center}
[data-motion-profile="designxperia"] [data-motif-key="first-handle"]{stroke-dasharray:1;transform-box:fill-box;transform-origin:center;animation:id-designxperia-part-0 1.34s cubic-bezier(.42,0,.58,1) 0.0s infinite both}@keyframes id-designxperia-part-0{0%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}6%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}56%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}84%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}100%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}}[data-motion-profile="designxperia"] [data-motif-key="second-handle"]{stroke-dasharray:1;transform-box:fill-box;transform-origin:center;animation:id-designxperia-part-1 1.34s cubic-bezier(.42,0,.58,1) 0.095s infinite both}@keyframes id-designxperia-part-1{0%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}6%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}56%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}84%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}100%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}}[data-motion-profile="designxperia"] [data-motif-key="bezier-handles"]{stroke-dasharray:1;transform-box:fill-box;transform-origin:center;animation:id-designxperia-part-2 1.34s cubic-bezier(.42,0,.58,1) 0.19s infinite both}@keyframes id-designxperia-part-2{0%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}6%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}56%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}84%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}100%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}}[data-motion-profile="designxperia"] [data-motif-key="experience-curve"]{stroke-dasharray:1;transform-box:fill-box;transform-origin:center;animation:id-designxperia-part-3 1.34s cubic-bezier(.42,0,.58,1) 0.28500000000000003s infinite both}@keyframes id-designxperia-part-3{0%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}6%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}56%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}84%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}100%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}}[data-motion-profile="designxperia"] [data-motif-key="interaction-plane"]{stroke-dasharray:1;transform-box:fill-box;transform-origin:center;animation:id-designxperia-part-4 1.34s cubic-bezier(.42,0,.58,1) 0.38s infinite both}@keyframes id-designxperia-part-4{0%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}6%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}56%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}84%{stroke-dashoffset:0;opacity:1;transform:translate(0px,0px) scale(1,1)}100%{stroke-dashoffset:1;opacity:0.3;transform:translate(0px,0px) scale(1,1)}}[data-motion-profile="designxperia"] .identity-traveller,[data-motion-profile="designxperia"] .identity-front{animation:id-designxperia-traveller 1.34s ease-in-out infinite}@keyframes id-designxperia-traveller{0%,100%{opacity:0}12%,85%{opacity:1}}@media(prefers-reduced-motion:reduce){[data-motion-profile="designxperia"] .identity-stroke,[data-motion-profile="designxperia"] .identity-fill,[data-motion-profile="designxperia"] .identity-grammar{animation:none!important;transform:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:.4!important;clip-path:none!important}.identity-cue{animation:none!important;opacity:0!important}[data-motion-profile="designxperia"] .identity-traveller,[data-motion-profile="designxperia"] .identity-front{display:none!important}}
.motion-paused .identity-stroke,.motion-paused .identity-fill{animation:none!important;transform:none!important;stroke-dashoffset:0!important;opacity:.35!important}.motion-paused .identity-traveller,.motion-paused .identity-front{display:none!important}
body.motion-preview{margin:0;background:#F5FBFA;color:#192E36;font:15px/1.7 "Source Sans 3",system-ui,sans-serif}.motion-preview *{box-sizing:border-box}.motion-preview main{max-width:1140px;margin:auto;padding:48px 24px}.motion-preview h1{font-size:clamp(28px,5vw,48px);line-height:1.1;max-width:22ch;margin:8px 0 20px}.motion-preview .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.motion-preview .intro{max-width:76ch}.motion-preview .motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.motion-preview section{min-width:0;border:1px solid #ccd3ce;background:#fff;padding:28px;border-radius:12px}.motion-preview h2{font-size:17px;line-height:1.4}.motion-preview .logo-preview{height:180px;display:flex;align-items:center;justify-content:center}.motion-preview .logo-preview img{width:100%;max-height:170px;object-fit:contain}.motion-preview .wide{grid-column:1/-1}.motion-preview .controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.motion-preview button{padding:12px 18px;border:0;background:#192E36;color:#fff;font:inherit;font-size:13px;border-radius:5px;cursor:pointer}.motion-preview a{color:#192E36;text-underline-offset:3px}.motion-preview button:focus-visible,.motion-preview a:focus-visible{outline:3px solid #F0AC62;outline-offset:4px}.motion-preview .note{font-size:12px;max-width:78ch}.motion-preview .complete{padding:70px;text-align:center}@media(max-width:650px){.motion-preview .motion-grid{grid-template-columns:1fr}.motion-preview section{padding:20px}}
