/* Rounded symbol treatments; spectral material replaces the five animated GIFs. */
.icon-wrap{isolation:isolate;touch-action:manipulation}
.icon-wrap>.rounded-symbol{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1px 1px #fff3)}
.icon-wrap>.oil-icon{inset:0;width:100%;height:100%;box-sizing:border-box;display:block;pointer-events:none;opacity:0;transition:opacity .32s ease}
.oil-base{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.9)}
.oil-face{position:absolute;inset:2vh;mask-image:var(--oil-mask);-webkit-mask-image:var(--oil-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;overflow:hidden;mix-blend-mode:multiply;opacity:.94}
.oil-flow{position:absolute;inset:-70%;background-image:conic-gradient(from 45deg,#ffe8a3,#ec6bc5,#6ae2d3,#7186f0,#ffd8a1,#b8ffdf,#e88ede,#ffe8a3),url('/welcome/previews/welcome-v05/materials/studio-full.webp');background-blend-mode:color-dodge;background-size:100% 100%,cover;filter:url('#symbol-oil-warp') saturate(1.7) contrast(1.12);transform-origin:var(--oil-x,50%) var(--oil-y,50%);animation:symbol-oil-flow 5.6s ease-in-out infinite alternate;animation-play-state:paused}
.icon-wrap.is-energized>.oil-icon,.icon-wrap:focus-visible>.oil-icon{opacity:1!important}
.icon-wrap.is-energized .oil-flow,.icon-wrap:focus-visible .oil-flow{animation-play-state:running}
.icon-wrap:focus-visible{outline:1px solid #dfd7b3;outline-offset:6px;border-radius:12px}
@keyframes symbol-oil-flow{0%{transform:translate(-8%,-5%) rotate(-22deg) scale(1.02);background-position:0 15%}45%{transform:translate(8%,4%) rotate(48deg) scale(1.25);background-position:75% 65%}100%{transform:translate(-3%,9%) rotate(145deg) scale(1.05);background-position:25% 100%}}
@media(min-width:992px){body[data-keyboard-symbol] .fullscreen-section.overlay{display:block!important;pointer-events:none}body[data-keyboard-symbol] .fullscreen-section.overlay h1,body[data-keyboard-symbol] .fullscreen-section.overlay h3,body[data-keyboard-symbol] .fullscreen-section.overlay h5{opacity:0!important}body[data-keyboard-symbol="star"] .fullscreen-section.overlay .star,body[data-keyboard-symbol="triangle"] .fullscreen-section.overlay .triangle,body[data-keyboard-symbol="circle"] .fullscreen-section.overlay .circle,body[data-keyboard-symbol="square"] .fullscreen-section.overlay .square,body[data-keyboard-symbol="root"] .fullscreen-section.overlay .root{opacity:1!important}body[data-keyboard-symbol] .fullscreen-section:not(.overlay)>.text{opacity:.3}}
@media(prefers-reduced-motion:reduce){.oil-flow{animation:none;filter:saturate(1.4)}.icon-wrap>.oil-icon{transition:none}}

@media(max-width:767px){.icon-wrap>.oil-icon{padding:30vh 2vh}.oil-face{top:50%;bottom:auto;left:2vh;right:2vh;aspect-ratio:1;transform:translateY(-50%)}}
/* Spectral currents stay inside a smaller, lighter symbol silhouette. */
.icon-wrap>.rounded-symbol{transform:scale(.78);filter:none}
.oil-base{transform:scale(.78);filter:brightness(.85)}
.oil-face{transform:scale(.78);mix-blend-mode:normal;opacity:1}
.oil-canvas{display:block;width:100%;height:100%;filter:saturate(.83) contrast(1.1);image-rendering:auto}
@media(max-width:767px){.oil-face{transform:translateY(-50%) scale(.78)}}
.icon-wrap>.rounded-symbol{transform:scale(.78)!important;transition:opacity .32s ease}
.icon-wrap.is-energized>.rounded-symbol{opacity:0!important}

.oil-canvas{filter:saturate(.95) brightness(1.35) contrast(1.05)}
.oil-face{filter:drop-shadow(0 0 1px #b5a9ba99)}

/* Preserve the reference palette in the rendered canvas. */
.oil-canvas{filter:none}
/* Shared Colour Burst renderer uses the supplied iridescent texture directly. */
.oil-face .burst-canvas{filter:none;width:100%;height:100%}

/* Keep the material and static stroke in exactly the same slot during entry and exit. */
.icon-wrap>.oil-icon{transform:none!important;transition:none!important}
.icon-wrap>.rounded-symbol{transition:none!important}
.oil-base{visibility:hidden}.oil-face{filter:none;opacity:1}


/* Original source geometry, one shared growth envelope and material slot. */
.icon-wrap>.rounded-symbol{transform:scale(.78)!important;transition:none!important}
.icon-wrap>.oil-icon{transform:scale(.78)!important;transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)!important;opacity:0!important}
.icon-wrap.is-energized>.oil-icon{transform:scale(1.4)!important;opacity:1!important}
.oil-face{transform:none!important;mask-size:100% 100%;-webkit-mask-size:100% 100%}
.icon-wrap>.rounded-symbol{opacity:1!important}.icon-wrap.is-energized>.rounded-symbol{opacity:0!important}
.icon-wrap.is-retreating>.rounded-symbol{opacity:0!important}.icon-wrap.is-retreating>.oil-icon{opacity:1!important}
.large-word.circle.circle-title{position:relative!important;left:auto!important;right:auto!important;margin-inline:0!important;transform:none!important;max-width:90vw;white-space:nowrap;font-size:min(16vh,12vw)!important;transition:opacity .5s,filter .5s!important}
@media(min-width:768px){.fullscreen-section.overlay .text-row:has(.circle-title){justify-content:center!important;padding:0 4vw;box-sizing:border-box}.fullscreen-section.overlay .circle-title{margin:0!important;left:auto!important}}
@media(max-width:767px){.oil-face{transform:translateY(-50%)!important}}
/* The revealed Community title has one stationary, viewport-centred position. */
.fullscreen-section.overlay .circle-title{position:fixed!important;left:50%!important;right:auto!important;top:8vh!important;transform:translateX(-50%)!important;margin:0!important;width:max-content!important;max-width:92vw!important;font-size:min(16vh,12vw)!important;text-align:center!important;transition:opacity .5s!important}
.fullscreen-section.overlay .circle-title{top:0!important}
.oil-face .burst-canvas{filter:none}

/* Keep the revealed top-line Vision left of the star, and Curation right of the square. */
.fullscreen-section.overlay .home-vision-title{position:absolute!important;left:5vw!important;right:auto!important;margin:0!important;max-width:36vw;font-size:min(14vh,10vw)!important;transform:none!important;text-align:left}
.fullscreen-section.overlay .home-curation-title{position:relative!important;left:5vw!important;margin-left:4vw!important;transform:none!important;white-space:nowrap}

/* Preserve the original revealed word layout and limit changes to requested offsets. */
.icon-wrap:focus-visible{outline:none!important;border-radius:0!important}
@media(min-width:992px){
body[data-keyboard-symbol] .fullscreen-section.overlay{display:flex!important;flex-direction:column;justify-content:space-between}
body[data-word-symbol] .fullscreen-section.overlay{display:none!important}
.fullscreen-section.overlay .text-row.first .large-word{font-size:min(16vh,10vw)!important}
.fullscreen-section.overlay .text-row.sixth .triangle{position:relative;left:-2vw}
.fullscreen-section.overlay .text-row.sixth .root{position:relative;left:2vw}
.fullscreen-section.overlay .star-2{transform:none!important}
.fullscreen-section.overlay .star-2>.star:first-child{position:absolute;right:3vw;white-space:nowrap;font-size:min(6.19vh,4.3vw);margin:0}
body[data-word-symbol] .icon-wrap.is-energized>.oil-icon{transform:scale(1.05)!important}
}
@media(min-width:992px){.fullscreen-section.overlay .circle-title{top:8vh!important}}
/* Reveal follows the underlying type positions, with outer rows arriving first. */
.fullscreen-section.overlay,body[data-keyboard-symbol] .fullscreen-section.overlay{display:none!important}
.fullscreen-section:not(.overlay)>.text{opacity:1!important;transition:opacity .95s cubic-bezier(.22,1,.36,1)!important}
body[data-keyboard-symbol] .fullscreen-section:not(.overlay)>.text{opacity:.78!important}
.home-reveal-plane{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1)}
.home-reveal-plane.is-visible{opacity:1}
.home-reveal-word{position:fixed;display:block;margin:0;padding:0;white-space:nowrap;color:#eee;pointer-events:none}
@media(min-width:992px){.fullscreen-section:not(.overlay) .text-row.first .large-word{font-size:min(16vh,10vw)!important}}
@media(prefers-reduced-motion:reduce){.home-reveal-plane,.fullscreen-section:not(.overlay)>.text{transition:none!important}}
.home-reveal-word{font-family:var(--font-heading)!important}
body.site-unified .home-reveal-word{font-family:var(--font-heading)!important}

/* Half-white strokes remain visible beneath the faster core-symbol activation. */
.icon-wrap:not(.is-energized):not(.is-retreating)>.rounded-symbol{opacity:.5!important}

.home-reveal-word{transform-origin:0 0}

.icon-wrap.is-painted:not(.is-energized)>.oil-icon{opacity:1!important;transform:scale(.78)!important}
.icon-wrap.is-painted>.rounded-symbol{opacity:0!important}