/* A quiet reading plane within the moving brand sculpture. */
.opening-copy{padding:0 24px}
.opening-copy .eyebrow{font-size:13px;font-weight:500;letter-spacing:2px;color:#f2d7b0;text-shadow:0 2px 8px #000,0 0 18px #000}
.opening-copy h1{font-weight:500;letter-spacing:-.045em;margin:28px 0 26px;text-shadow:0 4px 32px #05050590}
.opening-copy h1>span:last-child{background-image:linear-gradient(120deg,#f4e7cf,#e6b66e 45%,#ffe2b3 65%,#d7a663);background-size:180% 100%;animation:brandLight 5s ease-out both}
.opening-copy .opening-promise{max-width:760px;margin:0 auto;font-size:22px;font-weight:500;color:#f3eadc;line-height:1.7;letter-spacing:.5px}
.opening-copy .opening-description{max-width:660px;margin:14px auto 0;font-size:15px;font-weight:400;color:#ddd1bf;line-height:1.9;letter-spacing:.2px;text-wrap:balance}
.opening-actions{display:flex;justify-content:center;gap:14px;max-width:430px;margin:28px auto 0}
.opening-actions .button{flex:1;gap:22px;min-height:48px;border:1px solid transparent;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,box-shadow .2s}
.opening-actions .button:focus-visible{outline:2px solid #f4cc91;outline-offset:5px}
.opening-actions .orange:hover{box-shadow:0 0 24px #dfa85333}
.opening-actions .opening-contact{background:#100e0be6;border-color:#bd925a80;color:#f3d3a5}
.opening-actions .opening-contact:hover{background:#211a12;border-color:#e8bc7d}

.opening-capabilities{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;font-size:13px;font-weight:500;letter-spacing:1.2px;color:#ebcda3;text-shadow:0 2px 8px #000,0 0 18px #000}
.opening-capabilities i{width:3px;height:3px;border-radius:50%;background:#b8894d;box-shadow:0 0 8px #ba812e55}
.opening-copy::before{inset:-28px 25% -26px;background:radial-gradient(ellipse,#050505b0 0%,#05050570 42%,transparent 74%)}
.scroll-invite{letter-spacing:1px}
.defense-stage::after{content:"";position:absolute;inset:9% 28% 9% 35%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#e6ac5e29,transparent 70%);opacity:var(--connection-arrival,0)}
body[data-render-owner=false] .opening-copy h1>span:last-child{animation-play-state:paused}
#opening-cover{position:fixed;inset:0;z-index:40;background:#050505;pointer-events:none;animation:blackOpening .95s ease-out both}
body[data-render-owner=false] #opening-cover{animation-play-state:paused}
@keyframes blackOpening{0%,20%{opacity:1}100%{opacity:0}}
.story-section::after{content:"";position:absolute;inset:12% 4% 12% 48%;pointer-events:none;background:radial-gradient(ellipse,#e6ac5e15,transparent 65%);opacity:var(--connection-arrival,0)}
@keyframes brandLight{from{background-position:100% 50%}to{background-position:0 50%}}
@media(max-width:800px){
 .opening-copy{padding:0 20px}
 .opening-copy h1{font-size:clamp(44px,12vw,62px);line-height:1.3;margin:25px 0 22px}
 .opening-copy .eyebrow{font-size:11px;letter-spacing:.8px;padding:0;line-height:1.8}
 .opening-copy .opening-promise{font-size:17px;line-height:1.8;max-width:360px}
 .opening-copy .opening-description{font-size:13px;line-height:1.9;max-width:370px;margin-top:12px}
 .opening-actions{gap:10px;margin-top:23px;max-width:370px}.opening-actions .button{min-width:0;font-size:12px;gap:14px;padding:12px 15px}
 .opening-capabilities{font-size:12px;gap:12px;letter-spacing:.6px;margin-top:20px}
 .opening-copy::before{inset:-25px 12% -25px}
}
@media(prefers-reduced-motion:reduce){#opening-cover{display:none}.opening-copy h1>span:last-child{animation:none}}