/* Individual personal scenes and a light, connected set of values. */
.aw-motion-toggle { width:36px; height:36px; border:0; background:transparent; border-radius:50%; color:#9685ad; display:grid; place-items:center; cursor:pointer; transition:background .2s ease; }
.aw-motion-toggle:hover { background:#f0eaf7; }.aw-motion-toggle:active { transform:scale(.96); }
.aw-motion-toggle svg { width:17px; height:17px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; fill:none; }
.aw-motion-toggle.is-paused svg { fill:currentColor; stroke-width:1; }
.about-scenes .al-journey-foot { gap:1rem; }
.about-scenes .al-product-object { --journey-scale:1; }
@media (prefers-reduced-motion:no-preference) {
 [data-motion-loop] .al-motion-object i { animation:aw-bounce 5.6s ease-in-out infinite paused; }
 [data-motion-loop] .al-motion-object span { animation:aw-shadow 5.6s ease-in-out infinite paused; }
 [data-motion-loop] .al-touch-object i { animation:aw-press 5.6s ease-in-out infinite paused; }
 [data-motion-loop] .al-touch-object svg { animation:aw-pointer 5.6s ease-in-out infinite paused; }
 [data-motion-loop] .al-product-object { animation:aw-arrive 5.6s ease-in-out infinite paused; }
 [data-motion-loop] .al-product-object b { animation:aw-check 5.6s ease-in-out infinite paused; }
 [data-motion-loop].is-looping :is(.al-motion-object i,.al-motion-object span,.al-touch-object i,.al-touch-object svg,.al-product-object,.al-product-object b) { animation-play-state:running; }
}
@keyframes aw-bounce { 0%,24%,100% { transform:translateY(0); } 9% { transform:translateY(-22px) scale(.96,1.04); } 17% { transform:translateY(7px) scale(1.06,.94); } }
@keyframes aw-shadow { 0%,24%,100% { transform:scale(1); opacity:1; } 9% { transform:scale(.75); opacity:.5; } }
@keyframes aw-press { 0%,24%,45%,100% { transform:rotate(-9deg); } 34% { transform:rotate(-9deg) translateY(5px) scale(.95); } }
@keyframes aw-pointer { 0%,24%,45%,100% { transform:rotate(-13deg); } 34% { transform:rotate(-13deg) translate(-8px,-8px); } }
@keyframes aw-arrive { 0%,46%,77%,100% { transform:rotate(8deg) scale(var(--journey-scale)); } 60% { transform:rotate(0deg) translateY(-9px) scale(var(--journey-scale)); } }
@keyframes aw-check { 0%,58%,78%,100% { transform:scale(1); } 67% { transform:scale(1.25); } }
.aw-scenes { display:grid; grid-template-columns:1.15fr 1fr; gap:1.5rem 6rem; margin:2.5rem auto 0; max-width:64rem; }
.aw-scenes article { min-width:0; position:relative; }
.aw-scenes figure { position:relative; margin:0 auto 1rem!important; }
.aw-scenes figure>img { width:100%; height:auto; display:block; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.aw-scenes article:hover figure>img { transform:translateY(-5px) rotate(-2deg); }
.aw-scenes figcaption { position:absolute; font-size:1.15rem; line-height:1.4; transform:rotate(-6deg); z-index:1; white-space:nowrap; }
.about-scenes .aw-scenes h3 { font-size:1.35rem; line-height:1.3; text-wrap:balance; }
.aw-scenes article>p { color:var(--about-copy); font-size:1rem; line-height:1.6; margin-top:.65rem; max-width:25rem; }
.aw-scenes strong { font-weight:500; color:#31342b; }
.aw-gaming { padding-bottom:1.5rem; }
.aw-gaming figure { max-width:23rem; }
.aw-gaming figcaption { right:-1.2rem; top:2rem; color:#a5825f; }
.aw-gaming h3,.aw-gaming>p { padding-left:1.5rem; }
.aw-cricket { display:flex; align-items:center; gap:.5rem; margin:1rem 0 0 1rem; color:#74776c; font-size:.94rem; }
.aw-cricket img { width:3.5rem; height:3.5rem; object-fit:contain; transform:rotate(-12deg); }
.aw-cinema { margin-top:3.5rem; }
.aw-cinema figure { max-width:16rem; margin-left:1.5rem!important; }
.aw-cinema figcaption { right:-5rem; top:1.5rem; max-width:8rem; white-space:normal; transform:rotate(7deg); color:#b37b62; }
.aw-road { padding-top:.5rem; }
.aw-road figure { max-width:25rem; }
.aw-road figcaption { top:2rem; left:0; color:#81916b; }
.aw-road h3,.aw-road>p { padding-left:1.5rem; }
.aw-lab { align-self:center; padding-top:2rem; }
.aw-lab-art { position:relative; height:18rem; margin-bottom:1rem; }
.aw-terminal { position:absolute; width:17rem; max-width:90%; top:4rem; left:1.5rem; background:linear-gradient(130deg,#fcfbfe,#efeaf7); border:1px solid #e9e2f1; border-radius:1rem; padding:1rem 1.3rem 1.5rem; transform:rotate(5deg); box-shadow:4px 5px 0 #e2dbe9,0 18px 28px -18px #72648244; }
.aw-terminal>span { display:flex; gap:5px; }.aw-terminal>span i { width:5px; height:5px; border-radius:50%; background:#c2b3d0; }
.aw-terminal p { margin-top:1.7rem; color:#8d7a9d; font: .78rem/1.6 ui-monospace,monospace; }
.aw-terminal b { display:block; font: 1.2rem/1.6 ui-monospace,monospace; color:#62516f; margin-top:.3rem; }.aw-terminal b>span { color:#ad8ecc; }
.aw-terminal small { display:block; font-size:.68rem; color:#95869f; margin-top:1.4rem; }
.aw-sketch { position:absolute; width:9rem; height:10rem; background:#faf6e9; border-radius:3px; left:0; top:1rem; padding:.7rem; transform:rotate(-12deg); box-shadow:0 9px 18px -13px #967c4c55; }
.aw-sketch>span { font:1.2rem/1.4 "Bradley Hand","Segoe Print",cursive; color:#b49a65; }.aw-sketch svg { width:100%; stroke:#bfa874; stroke-width:1.5; fill:none; stroke-linejoin:round; }
.aw-lab-art>.ap-hand { position:absolute; bottom:0; left:1rem; transform:rotate(-5deg); font-size:1.15rem; }
.aw-lab:hover .aw-sketch { transform:rotate(-15deg) translate(-3px,-3px); }.aw-sketch { transition:transform .35s ease; }
.about-scenes .aw-values { padding:5rem 0 3rem; }
.aw-values header { display:flex; align-items:baseline; justify-content:space-between; gap:2rem; }
.about-scenes .aw-values h2 { font-size:clamp(2rem,3vw,2.7rem); margin:0; }
.about-scenes .aw-values header>.ap-hand { font-size:1.2rem; transform:rotate(-4deg); margin:0; }
.aw-value-landscape { position:relative; margin:2.5rem 0 0; padding-bottom:1.5rem; }
.aw-value-thread { position:absolute; top:.5rem; left:0; width:100%; height:12rem; fill:none; stroke:#d5c5e3; stroke-width:1.4; stroke-dasharray:3 7; stroke-linecap:round; }
.about-scenes .aw-values dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1.5rem; position:relative; }
.about-scenes .aw-values dl>div { padding:3rem 0 0; text-align:center; }
.about-scenes .aw-values dl>.aw-value-clarity,.about-scenes .aw-values dl>.aw-value-ownership { padding-top:0; }
.about-scenes .aw-values dt { font-size:1.15rem; font-weight:600; line-height:1.5; }
.about-scenes .aw-values dd { font-size:.92rem; color:#74776e; line-height:1.5; max-width:10rem; margin:.55rem auto 0; }
.aw-value-symbol { width:5.5rem; height:5.5rem; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; position:relative; border-radius:1.5rem; transition:transform .3s ease; }
.aw-values dl>div:hover .aw-value-symbol { transform:translateY(-5px) rotate(-5deg); }
.aw-value-curiosity .aw-value-symbol { color:#9876b9; font-size:4.8rem; font-weight:650; line-height:1; text-shadow:2px 3px 0 #d6c1ea,0 12px 12px #a992c333; transform:rotate(-12deg); background:#f7f2fc; border-radius:50%; }
.aw-value-clarity .aw-value-symbol { background:#f5f2e7; border-radius:45% 55% 60% 40%; transform:rotate(8deg); }.aw-value-symbol svg { width:4.5rem; height:4.5rem; fill:none; stroke:#b99a5c; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.aw-value-craft .aw-value-symbol { transform:rotate(-9deg); gap:.3rem; }
.aw-value-craft i { width:1.3rem; height:2.8rem; display:block; border-radius:.5rem; background:linear-gradient(140deg,#e6d8f6,#b6a0d0); box-shadow:2px 3px 0 #a891c0,1px 9px 15px -5px #b6a0cc44; }.aw-value-craft i:nth-child(2) { height:4rem; }.aw-value-craft i:nth-child(3) { height:2.2rem; }
.aw-value-ownership .aw-value-symbol { background:#eef2e8; border-radius:1.8rem; transform:rotate(10deg); box-shadow:2px 4px 0 #e1e8d8; }.aw-value-ownership svg { stroke:#8d9e79; stroke-width:2.5; }
.aw-value-honesty .aw-value-symbol { transform:rotate(-8deg); }
.aw-value-honesty i { display:block; width:3.6rem; height:2.8rem; background:#efdece; position:absolute; top:.8rem; left:.2rem; border-radius:1rem 1rem .25rem 1rem; box-shadow:0 8px 14px -8px #ad866455; }.aw-value-honesty i+i { background:#e6d9f0; left:1.8rem; top:2rem; transform:scale(.8); border-radius:1rem 1rem 1rem .25rem; }
@media(max-width:1000px) {
 .aw-scenes { gap:1rem 3rem; }.aw-gaming figure { max-width:20rem; }.aw-gaming figcaption { right:0; top:0; }.aw-cinema figcaption { right:-2rem; }
 .aw-values header { display:block; }.about-scenes .aw-values header>.ap-hand { margin-top:1rem; }.about-scenes .aw-values dl { gap:1rem; }
 .aw-terminal { width:15rem; left:1rem; }
}
@media(max-width:760px) {
 .about-scenes .al-product-object { --journey-scale:.72; }
 .aw-scenes { grid-template-columns:1fr 1fr; gap:2rem 1.5rem; margin-top:2.5rem; }
 .aw-scenes figcaption { font-size:.95rem; position:static; text-align:center; white-space:normal; max-width:none; margin:.4rem 0 1rem; }
 .aw-gaming,.aw-road,.aw-lab { padding:0; }.aw-cinema { margin-top:2rem; }.aw-cinema figure { margin-left:auto!important; }
 .aw-gaming h3,.aw-gaming>p,.aw-road h3,.aw-road>p { padding:0; }
 .about-scenes .aw-scenes h3 { font-size:1.1rem; }.aw-scenes article>p { font-size:.96rem; }
 .aw-cricket { margin-left:0; gap:0; font-size:.85rem; }.aw-cricket img { width:2.5rem; height:2.5rem; }
 .aw-lab { align-self:start; margin-top:2rem; }.aw-lab-art { height:13rem; }.aw-terminal { left:0; top:3rem; width:100%; max-width:100%; padding:.8rem; }.aw-terminal b { font-size:.87rem; }.aw-terminal p { font-size:.55rem; margin-top:1rem; }.aw-terminal small { display:none; }.aw-sketch { width:6rem; height:7rem; left:.5rem; top:1rem; }.aw-lab-art>.ap-hand { font-size:.9rem; left:0; max-width:100%; }
 .about-scenes .aw-values { padding:3rem 0 2rem; }.about-scenes .aw-values h2 { font-size:2rem; }.aw-value-landscape { margin-top:2rem; }.aw-value-thread { display:none; }
 .about-scenes .aw-values dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem .7rem; }.about-scenes .aw-values dl>div { padding-top:0; }
 .about-scenes .aw-values dt { font-size:.95rem; }.about-scenes .aw-values dd { font-size:.84rem; }.aw-value-symbol { width:4.3rem; height:4.3rem; margin-bottom:.8rem; }.aw-value-symbol svg { width:3.5rem; height:3.5rem; }.aw-value-curiosity .aw-value-symbol { font-size:3.6rem; }.aw-value-honesty i { width:3rem; height:2.3rem; left:0; }.aw-value-honesty i+i { left:1rem; top:1.8rem; }
}
@media(max-width:480px) {
 .aw-scenes { grid-template-columns:1fr; gap:2.5rem; }
 .aw-scenes article { max-width:23rem; width:100%; margin:0 auto; text-align:center; }
 .aw-gaming figure { max-width:17rem; }.aw-cinema figure { max-width:13rem; }.aw-road figure { max-width:20rem; }
 .aw-cricket { justify-content:center; }.aw-scenes article>p { margin-inline:auto; }.aw-lab-art { width:17rem; max-width:90%; height:17rem; margin:0 auto 1rem; }.aw-terminal { top:4rem; left:1.5rem; width:15rem; max-width:90%; padding:1rem; text-align:left; }.aw-terminal b { font-size:1.1rem; }.aw-terminal p { font-size:.7rem; }.aw-terminal small { display:block; }.aw-sketch { width:8rem; height:9rem; top:1rem; left:0; text-align:left; }.aw-lab-art>.ap-hand { font-size:1.05rem; }
 .about-scenes .aw-values dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1.5rem; }.about-scenes .aw-values dl>div:last-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) {
 .about-scenes *, .about-scenes *::before, .about-scenes *::after { animation:none!important; transition:none!important; }
}