/* R28: the existing website is the arrival. No extra scene, loading gate or engine. */
#pierce-studio{--entry-scene:url('assets/garden-r19/campus-1120.webp')}
#pierce-studio .sky-wash{inset:0 0 auto;height:1100px;background:linear-gradient(180deg,#07101bcc 0%,#0a1422b8 45%,#0c1420 100%),radial-gradient(ellipse at 50% 32%,#123f5340,transparent 65%),var(--entry-scene) center 23%/cover;filter:blur(2px);opacity:.8;transform:none}
#pierce-studio .starlight{opacity:.65}
#pierce-studio .intro{text-shadow:0 2px 18px #050a13}
#pierce-studio .intro>p:not(.eyebrow){color:#dde1e4}
#pierce-studio .intro h1{text-shadow:0 3px 38px #000b,0 0 75px #d5b58216}
#pierce-studio .intro .eyebrow .welcome-lantern{position:relative}
#pierce-studio .intro .eyebrow .welcome-lantern::after{content:"";position:absolute;inset:-48px -90px;pointer-events:none;background:radial-gradient(ellipse,#eab56924,transparent 66%);z-index:-1}
#pierce-studio .intro-start .button{box-shadow:inset 0 1px 0 #fff6,0 8px 36px #0005,0 0 36px #d8a66018}
#pierce-studio .intro-start .button:hover,#pierce-studio .intro-start .button:focus-visible{background:#f1d4a6;box-shadow:inset 0 1px 0 #fff8,0 8px 36px #0005,0 0 30px #e9bc7338}
#pierce-studio .doors{position:relative;isolation:isolate}
#pierce-studio .doors::before{content:"";position:absolute;pointer-events:none;inset:48% -16px -55px;z-index:-1;background:radial-gradient(ellipse at 32% 65%,#dfa8511b,transparent 60%);border-bottom:1px solid #c3a47326;border-radius:0 0 50% 50%}
#pierce-studio .door{box-shadow:0 24px 65px #0009,0 0 0 5px #0b1625,0 0 0 6px #c6a67038}
#pierce-studio .door::before{border-color:#e4c18d70;box-shadow:inset 0 0 32px #06101835}
#pierce-studio .door.is-selected{outline:2px solid #f3d59f;outline-offset:5px;box-shadow:0 28px 70px #000a,0 0 0 5px #101c2a,0 0 0 6px #e6bd7e8c,0 0 42px #e4ad5330}
#pierce-studio .door.is-selected::before{border-color:#ffe5b6b3;box-shadow:inset 0 0 36px #ffd69517}
#pierce-studio .door-content .status{background:#0b1825db;border:1px solid #d8b78155;padding:8px 12px;color:#f3dab0;line-height:1.5}
#pierce-studio .door .button{background:linear-gradient(120deg,#efd3a4,#d5ac78);border-color:#ffe3b6}
#pierce-studio .door.is-selected .button{background:linear-gradient(120deg,#ffe8c4,#e6bb7c);box-shadow:inset 0 1px 0 #fff9,0 0 24px #f6c67a38}
#pierce-studio .door .button span{display:inline-block}
#pierce-studio.motion-enabled:not(.motion-paused) .door.is-selected .door-art>img{transform:scale(1.055);transition:transform .5s cubic-bezier(.2,.65,.2,1)}
#pierce-studio.motion-enabled:not(.motion-paused) .door.is-selected .button span{transform:translateX(3px);transition:transform .18s ease-out}
#pierce-studio .category:has(a[href]):focus-within,#pierce-studio .category:has(a[href]).is-selected{box-shadow:inset 0 0 25px #d1a46513,0 15px 35px #0006;border-color:#eed09c}
#pierce-studio .category:has(a[href])>img{transition:filter .2s ease-out}
#pierce-studio .category:has(a[href]).is-selected>img{filter:saturate(1.05) brightness(1.05)}
#pierce-studio .hub-intro{position:relative;isolation:isolate}
#pierce-studio .hub-intro::before{content:"";position:absolute;inset:-33px -24px -30px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080f19f5,#080f19b8 55%,#080f1966),var(--entry-scene) center 43%/cover;opacity:.42;mask-image:linear-gradient(#000 65%,transparent)}
#pierce-studio .hub-card{box-shadow:0 15px 36px #0005;isolation:isolate}
#pierce-studio .hub-card:hover,#pierce-studio .hub-card:focus-within{border-color:#eed09c;box-shadow:0 15px 36px #0006,0 0 25px #dfb5741b}
#pierce-studio .hub-card:focus-within{outline:2px solid #ffe1a8;outline-offset:4px}
#pierce-studio .hub-card .text-link{color:#ffe0aa}
/* Native navigation only: unsupported browsers retain their normal page change. */
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-group(root){animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition{pointer-events:none}
:root:has(#pierce-studio.motion-enabled:not(.motion-paused),#pierce-studio.motion-on:not(.is-hidden))::view-transition-old(root){animation:r28-depart .12s ease-out both}
:root:has(#pierce-studio.motion-enabled:not(.motion-paused),#pierce-studio.motion-on:not(.is-hidden))::view-transition-new(root){animation:r28-arrive .18s ease-out both}
@keyframes r28-depart{to{opacity:0}}
@keyframes r28-arrive{from{opacity:.25}to{opacity:1}}
@media(max-width:700px){#pierce-studio{--entry-scene:url('assets/garden-r19/campus-720.webp')}#pierce-studio .sky-wash{height:1100px;background-position:center 24%;opacity:.66}#pierce-studio .intro>p:not(.eyebrow){color:#d4dbe1}#pierce-studio .hub-intro::before{inset:-26px -10px -30px;opacity:.32}#pierce-studio .door-content .status{font-size:10px;max-width:235px}#pierce-studio .doors::before{inset:45% 0 -30px}#pierce-studio .door.is-selected{outline-offset:3px}}
@media(hover:none){#pierce-studio .door.is-selected{box-shadow:0 20px 45px #0008,0 0 0 3px #d9b77f50}#pierce-studio.motion-enabled:not(.motion-paused) .door.is-selected .door-art>img{transform:none}}
#pierce-studio.motion-paused .door-art>img,#pierce-studio.motion-paused .door .button span{transform:none!important;transition:none!important}
:root:has(#pierce-studio.motion-paused,#pierce-studio.motion-off)::view-transition-old(root),:root:has(#pierce-studio.motion-paused,#pierce-studio.motion-off)::view-transition-new(root){animation:none!important}
@media(prefers-reduced-motion:reduce){#pierce-studio .door-art>img,#pierce-studio .door .button span{transform:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root),::view-transition-group(root){animation:none!important}}