/* Bounded 09 refinement, layered over the approved 08 design. */
.art-documents{--scene-image:url('assets/reference-documents.png')}.art-data{--scene-image:url('assets/reference-data.png')}.art-desk{--scene-image:url('assets/reference-desk.png')}
/* Blend model stages into their containing card. No hard miniature backdrop. */
.service-tile,.service-focus,.post-card,.custom-interactive{background:radial-gradient(ellipse at 25% 42%,#193a5e88,transparent 68%),linear-gradient(120deg,#0a1b2f,#0c2037);isolation:isolate}.service-tile .living-stage,.service-focus .living-stage,.post-card .living-stage,.custom-card .living-stage{background:transparent}.living-stage canvas,.living-stage .fallback{mask-image:linear-gradient(to right,transparent,#000 7%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 84%,transparent);-webkit-mask-composite:source-in}.service-tile .living-stage:after,.service-focus .living-stage:after{background:radial-gradient(ellipse at 50% 100%,#63a8ff1c,transparent 68%)}.tile-copy{background:transparent}.tile-copy:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at left,#2e599b17,transparent 75%);pointer-events:none}
/* The supplied workspace image is visible behind the portrait/video, not in a separate card. */
.about-hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#071729ef 0%,#071729c9 32%,#0717291a 72%),url('assets/reference-desk.png');background-size:cover;background-position:center;opacity:.9;animation:desk-drift 24s ease-in-out infinite alternate}.about-hero>.environment{background:transparent;opacity:.35}.about-hero .portrait-stage{isolation:isolate}.portrait-card{border:0;border-radius:0;box-shadow:none;background:transparent;inset:25px auto 10px 7%;width:88%;max-width:480px;transform:none;mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 77%,transparent),linear-gradient(to right,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 77%,transparent),linear-gradient(to right,transparent,#000 12%,#000 86%,transparent);-webkit-mask-composite:source-in}.portrait-card:hover,.portrait-card:focus-within{transform:translateY(-4px) scale(1.035);box-shadow:none}.portrait-card img,.portrait-card video{border-radius:0}.portrait-label{bottom:9%;padding-inline:15%;background:linear-gradient(transparent,#071729b3)}.portrait-video-controls{right:16%;bottom:22%}.portrait-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 88%,#4383d133,transparent 50%);mix-blend-mode:screen;z-index:2;animation:ambient-glow 10s ease-in-out infinite alternate}@keyframes desk-drift{from{transform:scale(1.015) translateX(-.3%)}to{transform:scale(1.055) translateX(.6%)}}
/* Full surface artwork under the expanded explanation, with a flowing light layer. */
.flow-detail{overflow:hidden;position:relative;isolation:isolate;background:#0a1b2f!important;border:1px solid #36516c;border-radius:14px}.flow-detail summary{position:relative;z-index:2;cursor:pointer;list-style:none}.flow-detail summary::-webkit-details-marker{display:none}.flow-detail summary:after{content:'+';float:right;margin-left:auto;color:#9fc9ff;transition:transform .4s}.flow-detail[open] summary:after{transform:rotate(45deg)}.flow-content{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px 28px}.flow-content:before{content:'';position:absolute;z-index:-2;inset:-12%;background:var(--scene-image) center/cover;opacity:.34;animation:detail-drift 18s ease-in-out infinite alternate}.flow-content:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#081829ef,#081829c2 50%,#08182955);pointer-events:none}.flow-content>p,.flow-content .experience-reveal{position:relative;z-index:1}.flow-content p{font-size:16px;line-height:1.8;margin:0!important;color:#d0dcec}.experience-list .experience-reveal{display:block;padding:0;overflow:visible;animation:none!important}.experience-list .experience-reveal:after{display:none!important}.flow-detail.flow-opening .flow-content>p,.flow-detail.flow-opening .experience-reveal{animation:explain-arrive .65s ease-out}.flow-detail[open] .flow-content{box-shadow:inset 0 1px 0 #9acfff22}.faq{align-items:start}.faq details{padding:0}.faq summary{padding:22px 24px}.faq details p{padding:0}.experience-list details{margin-bottom:12px}.experience-list summary{margin:0}.flow-content .chapter-sculpture{display:none}@keyframes detail-drift{to{transform:scale(1.09) translate3d(-2%,1%,0)}}@keyframes explain-arrive{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Individual services retain their own model, with additional useful reverse-side content. */
.custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.custom-interactive{position:relative;overflow:hidden;display:block;border:1px solid #36516c;border-radius:20px;min-width:0}.custom-background{position:absolute;inset:-8%;z-index:-2;background:var(--scene-image) center/cover;opacity:.19;animation:detail-drift 22s ease-in-out infinite alternate}.custom-interactive:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#0a1c30d9,#0b2036b8 62%,#0b203640)}.custom-interactive>.visual{position:absolute;right:-3%;top:15px;width:42%;height:210px;min-height:0;opacity:.72;pointer-events:none}.custom-interactive>.custom-content{position:relative;padding:28px!important}.custom-content>h3{font-size:29px;line-height:1.2;max-width:63%;min-height:70px}.custom-content .custom-terms{font-size:13px;line-height:1.6;max-width:62%;min-height:65px;margin-top:12px}.custom-flip{display:grid;perspective:1200px;margin:22px 0 20px;min-height:230px}.custom-face{grid-area:1/1;backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s}.custom-front{transform:rotateY(0)}.custom-back{transform:rotateY(180deg);opacity:0;pointer-events:none}.custom-interactive.open .custom-front{transform:rotateY(-180deg);opacity:0;pointer-events:none}.custom-interactive.open .custom-back{transform:rotateY(0);opacity:1;pointer-events:auto}.custom-front h4{font-size:25px;line-height:1.3;max-width:420px;margin:0 0 16px}.custom-face p,.custom-face li{font-size:15px;line-height:1.7;color:#c2d2e5}.custom-back ul{padding-left:18px;margin-top:15px}.custom-actions{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.custom-actions .button{font-size:12px;padding:13px 16px}.custom-actions .text-link{font-size:12px}.package-grid .package-face{transition-delay:0s!important}
.motion-off .flow-content:before,.motion-off .custom-background,.motion-off .about-hero:before{animation-play-state:paused!important}.motion-off .custom-face{transition:none}
@media(max-width:760px){.custom-grid{grid-template-columns:1fr}.custom-content>h3{font-size:26px}.custom-interactive>.custom-content{padding:23px!important}.custom-flip{min-height:270px}.custom-interactive>.visual{height:180px}.portrait-card{inset:10px auto 0 7%;width:86%;max-width:none}.about-hero:before{background-position:60% center}.flow-content{padding:18px 20px 24px}.flow-content p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.custom-face{transition:none}.flow-content:before,.custom-background,.about-hero:before{animation:none!important}}
.portrait-card video[hidden],.portrait-card img[hidden],.portrait-video-controls[hidden]{display:none!important}