/* Entrance atrium: all rules belong to the home, never to dialogs or the pavilion. */
/* The legacy desktop page padding must not move this viewport entrance. */
body:has(.atrium-home){padding-top:0}
.atrium-home{position:relative;isolation:isolate;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;background:#f5f1e7;color:#263b32;font-family:"Segoe UI",Arial,sans-serif;color-scheme:light;overflow-x:clip}
/* Contain the final navigation margin so it cannot expose the old dark body. */
.atrium-home>main{display:flow-root;height:auto;min-height:0;margin:0;padding:0}
.atrium-home:before,.atrium-home:after{display:none}
.atrium-home *{box-sizing:border-box}
.atrium-home :is(button,a){touch-action:manipulation}
.atrium-home button{font:inherit;cursor:pointer}
.atrium-home a{color:inherit}
.atrium-home :is(button,a):focus-visible{outline:3px solid #416f65;outline-offset:5px}
.atrium-home button[disabled]{cursor:default}
.atrium-home:focus,.atrium-home .atrium-stage:focus{outline:none}

/* The header is live, unscaled UI above the registered architectural photograph. */
.atrium-home .site-header{position:absolute;z-index:20;top:20px;left:28px;right:28px;display:flex;align-items:center;gap:18px;width:auto;min-height:0;height:auto;margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;grid-template-columns:none}
.atrium-home .site-header .liyrra-brand{position:static;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;flex:0 0 auto;width:216px;max-width:none;height:58px;min-width:0;margin:0;padding:5px 12px;gap:0;border:1px solid #dae7dc4d;border-radius:16px;background:linear-gradient(140deg,#354641f5,#18343af5);box-shadow:0 7px 22px #364d3322;line-height:0;letter-spacing:0;overflow:visible;transform:none}
.atrium-home .site-header .liyrra-brand:before,.atrium-home .site-header .liyrra-brand:after{display:none}
.atrium-home .site-header .liyrra-logo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;transform:none}
.atrium-home .site-header .liyrra-brand picture{display:block;width:100%;height:100%}
.atrium-home .site-header .primary-nav{display:flex;align-items:center;justify-content:center;flex:0 1 auto;gap:2px;min-width:0;width:auto;margin:0 0 0 auto;padding:5px;border:1px solid #fffef2ba;border-bottom-color:#c8d3c275;border-radius:15px;background:linear-gradient(180deg,#fffdf3ed,#f0f0e2ed);box-shadow:inset 0 1px #fffef7,0 5px 18px #31452e12;backdrop-filter:blur(8px)}
.atrium-home .site-header .primary-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:8px 14px;border:0;border-radius:9px;color:#405246;font:650 14px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.012em;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
.atrium-home .site-header .primary-nav a:hover,.atrium-home .site-header .primary-nav a[aria-current]{background:#44644910;color:#203e2d}
.atrium-home .site-header .hire-button{position:static;display:inline-flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:17px;width:auto;min-width:0;min-height:50px;height:auto;margin:0;padding:11px 18px;border:1px solid #24372b;border-top-color:#657369;border-radius:13px;background:linear-gradient(180deg,#394b3f,#25392d);color:#fffef6;box-shadow:inset 0 1px #ffffff26,inset 0 -2px #00000015,0 7px 19px #314b3520;font:700 14px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:-.012em;white-space:nowrap;text-decoration:none;transform:none;animation:none;transition:background .2s,box-shadow .2s;overflow:hidden}
.atrium-home .site-header .hire-button:before,.atrium-home .site-header .hire-button:after{display:none}
.atrium-home .site-header .hire-button:hover{background:linear-gradient(180deg,#425747,#2c4233);box-shadow:inset 0 1px #ffffff26,0 9px 24px #314b352b;transform:none}
.atrium-home .site-header .hire-button:active{box-shadow:inset 0 2px 5px #00000025}
.atrium-home .site-header .hire-button span{color:inherit}
.atrium-home .site-header .flow-menu-button{display:none;min-height:46px;margin:0;padding:10px 16px;border:1px solid #a6b8a67d;border-radius:12px;background:linear-gradient(180deg,#fffdf4,#f0f0e2);color:#314a3a;box-shadow:inset 0 1px #ffffffcc;font:700 14px/1.3 "Segoe UI",Arial,sans-serif}

/* Live controls remain in the viewport while the registered photo crops uniformly. */
.atrium-home .atrium-stage{position:relative;width:100%;height:100svh;min-height:0;aspect-ratio:auto;margin:0;padding:0;overflow:clip;background:#eee4d2}
.atrium-home .atrium-art{position:absolute;left:0;top:0;width:1670px;height:942px;transform:scale(var(--art-scale,1));transform-origin:0 0;isolation:isolate}
.atrium-home .atrium-background{position:absolute;inset:0;display:block;width:1670px;height:942px;max-width:none;margin:0;padding:0;object-fit:fill;filter:none}
.atrium-home .atrium-header-shade{position:absolute;inset:0 0 auto;height:190px;background:linear-gradient(#fff7e927,transparent);pointer-events:none}
/* Source y78–156 is the cream beam; keep the complete inscription inside it. */
.atrium-home .atrium-heading{position:absolute;left:500px;top:var(--heading-top,82px);width:670px;margin:0;padding:0;text-align:center;color:#243b31;pointer-events:none}
.atrium-home .atrium-heading p{margin:0 0 4px;font-size:9px;line-height:1.4;font-weight:750;letter-spacing:.21em}
.atrium-home .atrium-heading h1{max-width:none;margin:0;color:#243b31;background:none;font-family:inherit;font-size:38px;line-height:1.08;letter-spacing:-.035em;font-weight:750;text-wrap:balance;text-shadow:0 1px 1px #fff8e6a6;-webkit-text-fill-color:currentColor;filter:none}
.atrium-home .atrium-heading.is-beam-title-only p{display:none}
/* Only a crop that cannot retain a readable inscription uses the existing plaque. */
.atrium-home .atrium-heading.is-stone-plaque{padding:10px 20px;border-block:1px solid #c2a77b69;background:linear-gradient(110deg,#ead7b9,#f4e6cf 48%,#ead7b9);box-shadow:0 2px 8px #68523814}
.atrium-home .atrium-heading.is-stone-plaque p{display:none}
.atrium-home .screen-planes,.atrium-home .station-buttons{position:absolute;inset:0;pointer-events:none}
.atrium-home .screen-plane{position:absolute;top:0;left:0;transform-origin:0 0;overflow:hidden;clip-path:inset(0);pointer-events:none;--accent:#eacdb7}

/* Only the inner glass carries live paint; photographed stone and rims stay exposed. */
.atrium-home .screen-plane:before{content:"";position:absolute;z-index:2;inset:0;border:8px solid #142223d9;opacity:.8;transition:opacity .48s ease;pointer-events:none}
.atrium-home .screen-plane:after{content:"";position:absolute;z-index:3;inset:0;border:6px solid var(--accent);opacity:0;box-shadow:inset 0 0 24px var(--accent),inset 0 0 50px color-mix(in srgb,var(--accent) 45%,transparent);transition:opacity .23s ease;pointer-events:none}
.atrium-home .screen-plane.is-awake:after,.atrium-home .screen-plane.is-collective:after{opacity:1}
.atrium-home .screen-plane.is-awake:before,.atrium-home .screen-plane.is-collective:before{opacity:0}
.atrium-home .screen-plane.is-collective:before,.atrium-home .screen-plane.is-collective:after{transition-delay:var(--wake-delay,0ms)}
.atrium-home .screen-content{position:absolute;inset:0;overflow:hidden;border-radius:2px;background:#0b1011}
.atrium-home .screen-content img,.atrium-home .screen-content video{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:center 23%;opacity:0;filter:none;transform:none;transition:opacity .35s ease;pointer-events:none}
.atrium-home .screen-plane.is-awake img,.atrium-home [data-mode=portraits] .screen-content img{opacity:1}
.atrium-home .screen-plane.is-playing video{opacity:1}
.atrium-home .screen-name{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8f5ee;gap:15px;text-align:center;padding:20px;opacity:.8;transition:background .3s,opacity .35s;pointer-events:none}
.atrium-home .screen-plane.is-awake .screen-name,.atrium-home .screen-plane.is-collective .screen-name{opacity:1}
.atrium-home .screen-plane.is-collective .screen-name{transition-delay:var(--wake-delay,0ms)}
.atrium-home .screen-name strong{font-size:var(--name-size,45px);line-height:1.15;letter-spacing:-.015em;font-weight:650}
.atrium-home .screen-name span{display:block;width:75%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.8}
.atrium-home .screen-name small{font-size:var(--role-size,24px);line-height:1.3;font-weight:500;letter-spacing:.01em;color:#e6eee7}
.atrium-home .screen-plane.is-awake .screen-name,.atrium-home [data-mode=portraits] .screen-name{justify-content:flex-end;gap:5px;padding:90px 16px 28px;background:linear-gradient(transparent 50%,#03131bc9)}
.atrium-home .screen-plane.is-awake .screen-name strong,.atrium-home [data-mode=portraits] .screen-name strong{font-size:var(--awake-name-size,40px)}
.atrium-home .screen-plane.is-awake .screen-name small,.atrium-home [data-mode=portraits] .screen-name small{font-size:var(--awake-role-size,23px)}
.atrium-home .screen-plane.is-awake .screen-name span,.atrium-home [data-mode=portraits] .screen-name span{display:none}
.atrium-home .station-hit{position:absolute;z-index:2;pointer-events:auto;background:transparent;border:0;padding:0;border-radius:20px;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.atrium-home .station-hit:focus-visible{outline:3px solid #edf8dca6;outline-offset:7px;box-shadow:0 0 0 1px #416f6559}

/* The photograph supplies the five metal blades; interaction stays on the low island. */
.atrium-home .team-sculpture{position:absolute;left:650px;top:600px;width:370px;height:205px;background:transparent;border:0;padding:0;border-radius:48%;outline:0;z-index:3;cursor:pointer}
.atrium-home .sculpture-ring{position:absolute;left:-15px;right:-15px;bottom:4px;height:79px;border:2px solid #547c6529;border-radius:50%;box-shadow:0 0 25px #e9fce000;transition:border-color .25s,box-shadow .25s;pointer-events:none}
.atrium-home .team-sculpture:hover .sculpture-ring,.atrium-home .team-sculpture:focus-visible .sculpture-ring{border-color:#d9efd4;box-shadow:0 0 35px #f0faddc7,inset 0 0 17px #f0fadd80}
.atrium-home .team-sculpture:focus-visible{outline:3px solid #416f65a6;outline-offset:7px}
.atrium-home .sculpture-label{position:absolute;left:49px;right:49px;bottom:15px;display:flex;justify-content:center;align-items:center;gap:12px;min-height:39px;color:#354439;font-size:17px;line-height:1.3;font-weight:750;letter-spacing:-.012em;text-shadow:0 1px #fff8eb;pointer-events:none}
.atrium-home .sculpture-label b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8294816b;border-radius:8px;background:#f6f5eac7;font-size:22px;font-weight:500}
.atrium-home .atrium-guide{position:absolute;z-index:4;left:28px;bottom:22px;width:min(602px,calc(50% - 190px));min-height:66px;color:#2c4637;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 18px;border:1px solid #e3e5d5a6;border-radius:15px;background:#faf8eef0;box-shadow:0 4px 20px #4b573118;pointer-events:none}
.atrium-home .atrium-guide strong{font-size:19px;line-height:1.2;font-weight:750}
.atrium-home .atrium-guide span{font-size:15px;line-height:1.35;color:#516251}
.atrium-home .atrium-room-caption{position:absolute;z-index:4;right:28px;bottom:83px;max-width:420px;margin:0;font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.15em;text-align:right;color:#3b5745;text-shadow:0 1px #fff8ec;pointer-events:none}
.atrium-home .atrium-next{position:absolute;z-index:4;right:28px;bottom:22px;display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:44px;padding:10px 16px;border:1px solid #c9d5c475;border-radius:12px;background:#fffdf3eb;color:#2e4b37;box-shadow:inset 0 1px #ffffffb3,0 4px 14px #31472f12;font:700 15px/1.3 "Segoe UI",Arial,sans-serif;text-decoration:none;transition:background .2s,box-shadow .2s}
.atrium-home .atrium-next:hover{background:#fffef8;box-shadow:inset 0 1px #ffffffb3,0 6px 18px #31472f1f}
.atrium-home .mobile-agent-controls{display:none}
.atrium-home .atrium-mobile-next{display:none}

@media(min-width:801px) and (min-aspect-ratio:3/2) and (max-width:1100px){
 .atrium-home .site-header{left:22px;right:22px;gap:12px}
 .atrium-home .site-header .liyrra-brand{width:190px;height:53px}
 .atrium-home .site-header .primary-nav a{font-size:13px;padding-inline:11px}
 .atrium-home .site-header .hire-button{padding-inline:14px;gap:12px;font-size:13px}
}
@media(min-width:801px) and (min-aspect-ratio:3/2) and (max-height:600px){
 .atrium-home .atrium-guide{min-height:58px;bottom:14px;padding:10px 15px;gap:4px}
 .atrium-home .atrium-guide strong{font-size:17px}
 .atrium-home .atrium-guide span{font-size:13px}
 .atrium-home .atrium-room-caption{bottom:67px}
 .atrium-home .atrium-next{bottom:14px}
}

/* Match the JS compact query: no cover-cropping away the foreground stations. */
@media(max-width:800px),(max-aspect-ratio:3/2){
 .atrium-home .site-header{position:relative;inset:auto;display:flex;justify-content:space-between;gap:14px;width:100%;min-height:0;margin:0;padding:14px 20px;border-bottom:1px solid #d2dacba1;background:linear-gradient(120deg,#fffdf5,#f2efe4)}
 .atrium-home .site-header .liyrra-brand{width:clamp(180px,36vw,216px);height:54px;margin:0;padding:5px 12px;border-radius:14px;box-shadow:inset 0 1px #ffffff14,0 4px 12px #364d3312}
 .atrium-home .site-header .primary-nav,.atrium-home .site-header .hire-button{display:none}
 .atrium-home .site-header .flow-menu-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
 .atrium-home .atrium-stage{width:100%;height:auto;min-height:0;aspect-ratio:1670/942}
 .atrium-home .atrium-heading{position:relative;inset:auto;width:100%;padding:20px 20px 22px;background:linear-gradient(120deg,#fffdf5,#f2efe4)}
 .atrium-home .atrium-heading p{margin-bottom:9px;font-size:10px;letter-spacing:.16em}
 .atrium-home .atrium-heading h1{font-size:clamp(26px,4.1vw,40px);line-height:1.13;letter-spacing:-.035em}
 .atrium-home .station-hit,.atrium-home .team-sculpture{visibility:hidden;pointer-events:none}
 .atrium-home .atrium-guide,.atrium-home .atrium-room-caption,.atrium-home .atrium-next{display:none}
 .atrium-home .mobile-agent-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:18px 20px 24px;border-top:1px solid #d8ddcf;background:linear-gradient(135deg,#faf8ef,#f0eee1)}
 .atrium-home .mobile-agent-controls:before{content:"Choose a specialist, or build your team.";grid-column:1/-1;margin:0 0 3px;color:#435a48;font-size:14px;line-height:1.5;font-weight:650;letter-spacing:-.012em}
 .atrium-home .mobile-agent-controls button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:3px 7px;min-width:0;min-height:66px;margin:0;padding:12px 14px;border:1px solid #a2b8a37d;border-radius:11px;background:#fffdf5;color:#304b3a;box-shadow:inset 0 1px #ffffffc9;font:650 15px/1.35 "Segoe UI",Arial,sans-serif;letter-spacing:-.01em;white-space:normal;text-align:left}
 .atrium-home .mobile-agent-controls button strong{grid-column:1;grid-row:1;font-weight:750;font-size:15px;line-height:1.25}
 .atrium-home .mobile-agent-controls button span{grid-column:1;grid-row:2;font-size:11px;font-weight:500;line-height:1.25;opacity:.82}
 .atrium-home .mobile-agent-controls button b{grid-column:2;grid-row:1/3;justify-self:end;font-size:20px;font-weight:500}
 .atrium-home .atrium-mobile-next{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;margin:0 20px 20px;padding:10px 18px;border:1px solid #a2b8a37d;border-radius:11px;background:#fffdf5;color:#304b3a;font-size:14px;font-weight:700;text-decoration:none}
 .atrium-home .mobile-agent-controls button:hover{background:#edf2e5;border-color:#6f967980}
 .atrium-home .mobile-agent-controls button:last-child{grid-column:1/-1;border-color:#243d2e;border-top-color:#677b6c;background:linear-gradient(180deg,#3c5242,#283f30);color:#fffcef;box-shadow:inset 0 1px #ffffff1c,0 4px 12px #314b3514}
 .atrium-home .mobile-agent-controls button:last-child:hover{background:linear-gradient(180deg,#465e4b,#2f4937)}
}
@media(max-width:560px){
 .atrium-home .site-header{padding:12px 15px;gap:12px}
 .atrium-home .site-header .liyrra-brand{width:clamp(192px,calc(100vw - 112px),228px);max-width:calc(100% - 80px);height:55px;flex-shrink:1}
 .atrium-home .site-header .flow-menu-button{min-height:44px;padding-inline:14px}
 .atrium-home .mobile-agent-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:16px 15px 22px}
 .atrium-home .atrium-heading{padding:17px 15px 20px}
 .atrium-home .atrium-heading p{font-size:9px;letter-spacing:.13em}
 .atrium-home .mobile-agent-controls:before{font-size:13px}
 .atrium-home .mobile-agent-controls button{min-height:66px;padding:10px 11px;font-size:14px}
 .atrium-home .atrium-mobile-next{margin:0 15px 20px}
}
@media(max-width:360px){
 .atrium-home .atrium-heading{padding:14px 15px 18px}
 .atrium-home .atrium-heading p{display:none}
}
/* Landscape tablets keep the complete room and its six touch controls together. */
@media(min-width:801px) and (min-aspect-ratio:1/1) and (max-aspect-ratio:3/2){
 .atrium-home>main{display:grid;grid-template-columns:minmax(0,1fr) clamp(248px,26vw,300px);grid-template-rows:auto auto auto;align-items:center;background:linear-gradient(135deg,#faf8ef,#f0eee1)}
 .atrium-home .atrium-heading{grid-column:1/-1;padding-block:17px 20px}
 .atrium-home .atrium-stage{grid-column:1;grid-row:2;align-self:center}
 .atrium-home .mobile-agent-controls{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);gap:8px;padding:16px;border-top:0;border-left:1px solid #d8ddcf}
 .atrium-home .mobile-agent-controls:before{font-size:13px;line-height:1.4;margin-bottom:2px}
 .atrium-home .mobile-agent-controls button{min-height:60px;padding:10px 12px}
 .atrium-home .atrium-mobile-next{grid-column:1/-1;margin:0 20px 20px}
}
@media(prefers-reduced-motion:reduce){
 .atrium-home *,.atrium-home *:before,.atrium-home *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}