/* Quiet crimson light, with the supplied photography kept in the foreground. */
[data-atmosphere]{--atmosphere-x:0px;--atmosphere-y:0px;isolation:isolate}
.atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#530c26;contain:paint}
.atmosphere-film{position:absolute;inset:-5%;background:url('assets/qi-atmosphere.webp') 61% 50%/cover no-repeat;opacity:.96;transform:scale(1.025)}
.atmosphere-light{position:absolute;inset:-12%;background:radial-gradient(ellipse at 77% 47%,#f68b7342,transparent 39%),radial-gradient(ellipse at 52% 90%,#e13a522e,transparent 48%);opacity:.7}
.atmosphere .atmosphere-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.8;pointer-events:none}
.atmosphere-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#340519b8 0%,#49082165 37%,transparent 70%),linear-gradient(0deg,#4e0c278a,transparent 28%,transparent 75%,#38091d65)}
.hero-content,.hero-bottom{z-index:3}
.hero-statement{color:#fff6ee;text-shadow:0 3px 34px #35031666}
.hero-english{color:#ffc6be;letter-spacing:.25em}
.hero-institute{color:#fbded7}
.hero-desc{color:#f4d6d0}
.hero-symbol{isolation:isolate}
.image-character{color:#fff0dc;text-shadow:0 0 65px #ffb09740,0 15px 70px #3902164d}
.hero-symbol:before{background:radial-gradient(ellipse,#ffd7bb18,transparent 65%)}
.hero-model{padding-top:26px;border-top:1px solid #ffd8c33b;max-width:320px;margin-inline:auto}
.hero-model small{color:#f9c5ba}
.hero-bottom{border-top:1px solid #ffe1cd26;padding-top:17px;bottom:23px;color:#f5cbbf}
.hero-buttons .solid{box-shadow:0 8px 32px #39001926,inset 0 1px 0 #fff}
.art-cover>.wrap{position:relative;z-index:3}
.art-cover .atmosphere-film{background-position:65% 42%;opacity:.8}
.art-cover .atmosphere-shade{background:linear-gradient(180deg,#3b061fb3 0%,#4f0b27a3 39%,#781e3c14 75%,#5e112bd9)}
.art-cover h1{text-shadow:0 4px 40px #35031666}
.art-cover-gallery .photo-button{border-color:#fff0dd80;box-shadow:0 26px 60px #3002145c,inset 0 0 0 1px #fff8}
.art-cover-footer{color:#f5d0c9}
.motion-ready .atmosphere-film{animation:crimsonDrift 28s ease-in-out infinite alternate;will-change:transform}
.motion-ready .atmosphere-light{animation:crimsonLight 18s ease-in-out infinite alternate;will-change:transform,opacity}
.motion-paused .atmosphere *,.atmosphere-idle .atmosphere *,.motion-suspended .atmosphere *{animation-play-state:paused!important}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused{scroll-behavior:auto}
.motion-paused .button,.motion-paused .art-cover-gallery .photo-button{transition:none}
.motion-paused .button:hover,.motion-paused .art-cover-gallery .photo-button:hover{transform:none}
.motion-control{display:none;position:fixed;z-index:30;right:24px;bottom:max(22px,env(safe-area-inset-bottom));align-items:center;gap:11px;min-height:44px;max-width:calc(100vw - 32px);padding:10px 18px;border:1px solid #f1bbb94a;border-radius:0;background:#510e2ce8;color:#fff0e7;font-size:.75rem;line-height:1.5;letter-spacing:.025em;box-shadow:0 6px 24px #2b021e2e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.motion-ready .motion-control{display:flex}
.motion-control:hover{background:#74203beb;border-color:#f1bbb980}
.motion-control:disabled{opacity:1;color:#e6c3c6;cursor:default}
.motion-icon{display:flex;justify-content:center;align-items:center;gap:3px;width:14px;height:16px;flex:none}
.motion-icon i{display:block;width:2px;height:10px;border-radius:0;background:currentColor}
.motion-control[aria-pressed=true] .motion-icon i:first-child{width:0;height:0;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent currentColor;border-radius:0;background:none}
.motion-control[aria-pressed=true] .motion-icon i:last-child{display:none}
.motion-control:disabled .motion-icon i:first-child{width:7px;height:7px;border:1px solid currentColor;background:none;border-radius:0}
.button{transition:transform .3s ease,background .3s ease,box-shadow .3s ease,color .3s ease}
.art-cover-gallery .photo-button{transition:transform .55s cubic-bezier(.2,.65,.3,1),box-shadow .55s ease}
.photo-button>img{transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.conference-tabs button{transition:color .25s,border-color .25s,background .25s}
.conference-tabs button[aria-selected=true]{background:linear-gradient(0deg,#af31540c,transparent 85%)}
.artworks .photo-button{box-shadow:0 12px 32px #52162d0d;border:1px solid #a04b6220}
.header.scrolled{box-shadow:0 8px 36px #30031c14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
footer{padding-bottom:90px}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #38001926}
 .art-cover-gallery .photo-button:hover{transform:translateY(-6px);box-shadow:0 34px 70px #30021460}
 .photo-button:hover>img{transform:scale(1.035)}
}
@keyframes crimsonDrift{
 0%{transform:translate3d(calc(-1% + var(--atmosphere-x)),calc(1% + var(--atmosphere-y)),0) scale(1.025)}
 50%{transform:translate3d(calc(1.4% + var(--atmosphere-x)),calc(-.8% + var(--atmosphere-y)),0) scale(1.055)}
 100%{transform:translate3d(calc(-.3% + var(--atmosphere-x)),calc(-1.4% + var(--atmosphere-y)),0) scale(1.075)}
}
@keyframes crimsonLight{
 from{transform:translate3d(-2%,2%,0) scale(.96);opacity:.38}
 to{transform:translate3d(3%,-2%,0) scale(1.07);opacity:.85}
}
@media(max-width:760px){
 .atmosphere-film{background-position:69% 50%}
 .atmosphere-shade{background:linear-gradient(180deg,#37061abf 0%,#4a0b2894 38%,#580a2730 68%,#4e0b2799),linear-gradient(90deg,#39071d6b,transparent)}
 .hero .hero-symbol{position:absolute;bottom:74px;left:0;right:0}
 .hero-model{border:0;padding-top:0;margin:0;gap:8px}
 .hero-model>span{min-width:56px}
 .hero-content{padding-bottom:280px}
 .hero-english{letter-spacing:.14em}
 .hero-bottom{padding-top:9px;bottom:18px}
 .motion-control{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:10px 13px;gap:8px;font-size:.6875rem}
 .art-cover .atmosphere-film{background-position:64% 50%}
 .art-cover .atmosphere-shade{background:linear-gradient(180deg,#37061bb8,#4e0c27a3 46%,#6f1e354d 76%,#5e112bd9)}
 .art-cover-gallery .photo-button{box-shadow:0 15px 35px #30021440}
 footer{padding-bottom:84px}
}
@media(max-width:400px){.hero .hero-symbol{bottom:78px}.hero-model{gap:6px}.hero-model>span{min-width:50px}}
@media(prefers-reduced-motion:reduce){
 .atmosphere *{animation:none!important;will-change:auto!important}
 .atmosphere-film{transform:scale(1.025)}
 .atmosphere-canvas{display:none}
 .button,.art-cover-gallery .photo-button{transition:none!important}
 .button:hover,.art-cover-gallery .photo-button:hover{transform:none}
}
@media print{.atmosphere,.motion-control{display:none!important}.hero-content,.art-cover>.wrap{position:static}.hero-statement,.art-cover h1{text-shadow:none}footer{padding-bottom:20px}}