/* ULYARC MEDIA Living Property System · Pass 03
   The headquarters remembers creative property, its public record, and the rooms through which it has been followed.
   Additive only. No production status is implied by atmospheric or pathway language. */

:root{
  --property-signal-rgb:207,166,80;
  --property-thread:rgba(var(--property-signal-rgb),.42);
}

/* A property thread sits in normal document flow. It never overlays reading or navigation. */
.property-threadline{
  position:relative;z-index:11;border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(7,7,10,.98),rgba(var(--property-signal-rgb),.055),rgba(7,7,10,.98));
  overflow:hidden
}
.property-threadline::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--property-signal-rgb),.72),transparent);
  transform:scaleX(var(--property-progress,.28));transform-origin:left;transition:transform .7s ease
}
.property-thread-inner{
  width:min(calc(100% - 2rem),var(--wide));min-height:52px;margin:auto;
  display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(260px,2fr) auto;align-items:center;gap:1rem
}
.property-thread-identity{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.72rem}
.property-thread-mark{position:relative;width:28px;height:28px;border:1px solid rgba(var(--property-signal-rgb),.38);border-radius:50%}
.property-thread-mark::before,.property-thread-mark::after{content:"";position:absolute;inset:5px;border:1px solid rgba(var(--property-signal-rgb),.5);border-radius:50%;transform:rotate(45deg)}
.property-thread-mark::after{inset:11px;background:rgb(var(--property-signal-rgb));border:0;box-shadow:0 0 16px rgba(var(--property-signal-rgb),.62)}
.property-thread-identity small,.property-thread-state small{display:block;color:var(--smoke);font:800 .51rem/1 var(--ui);letter-spacing:.15em;text-transform:uppercase}
.property-thread-identity strong{display:block;margin-top:.25rem;overflow:hidden;color:var(--bone);font:700 .72rem/1.18 var(--ui);letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}
.property-thread-state{min-width:0}
.property-thread-state strong{display:block;margin-top:.25rem;overflow:hidden;color:rgba(244,238,223,.76);font:500 .73rem/1.2 var(--body);text-overflow:ellipsis;white-space:nowrap}
.property-thread-actions{display:flex;align-items:center;gap:.8rem}
.property-thread-actions a,.property-thread-actions button{border:0;background:transparent;color:var(--bone);font:800 .52rem/1 var(--ui);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.property-thread-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.property-thread-actions button{padding:.45rem 0;color:var(--smoke);cursor:pointer}
.property-thread-actions button:hover{color:var(--ivory)}

/* Homepage studio signal: factual, alive, and property-centered. */
.studio-signal-section{position:relative;margin-block:clamp(4rem,8vw,8rem);overflow:hidden;border:1px solid var(--line);background:
  radial-gradient(circle at 84% 18%,rgba(var(--property-signal-rgb),.14),transparent 20rem),
  linear-gradient(135deg,rgba(255,255,255,.018),transparent 44%),#09090d}
.studio-signal-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
  linear-gradient(rgba(var(--property-signal-rgb),.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--property-signal-rgb),.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,black,transparent 82%)}
.studio-signal-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);min-height:520px}
.studio-signal-copy{padding:clamp(2rem,6vw,5rem)}
.studio-signal-copy h2{max-width:700px;margin:.75rem 0 1rem;font:400 clamp(2.25rem,5vw,5.2rem)/.94 var(--display)}
.studio-signal-copy h2 em{color:var(--gold);font-style:italic}
.studio-signal-copy>p:not(.eyebrow){max-width:670px;color:var(--smoke);font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.72}
.studio-signal-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.45rem 0 1.75rem}
.studio-signal-meta span{padding:.42rem .62rem;border:1px solid rgba(var(--property-signal-rgb),.22);color:var(--bone);font:800 .52rem/1 var(--ui);letter-spacing:.11em;text-transform:uppercase}
.studio-signal-visual{position:relative;display:grid;place-items:center;min-height:420px;border-left:1px solid var(--line);overflow:hidden}
.property-orbit{position:relative;width:min(76%,360px);aspect-ratio:1;border:1px solid rgba(var(--property-signal-rgb),.22);border-radius:50%;box-shadow:inset 0 0 90px rgba(0,0,0,.72)}
.property-orbit::before,.property-orbit::after{content:"";position:absolute;border:1px solid rgba(var(--property-signal-rgb),.14);border-radius:50%;inset:13%}
.property-orbit::after{inset:29%;background:radial-gradient(circle,rgba(var(--property-signal-rgb),.2),transparent 64%);box-shadow:0 0 70px rgba(var(--property-signal-rgb),.12)}
.property-orbit-core{position:absolute;inset:35%;z-index:2;display:grid;place-items:center;border:1px solid rgba(var(--property-signal-rgb),.4);border-radius:50%;background:#09090d}
.property-orbit-core img{width:52%;filter:drop-shadow(0 0 20px rgba(var(--property-signal-rgb),.28))}
.property-orbit-node{position:absolute;z-index:3;display:grid;place-items:center;width:76px;height:76px;padding:.45rem;border:1px solid var(--line);border-radius:50%;background:#09090d;color:var(--smoke);font:800 .48rem/1.2 var(--ui);letter-spacing:.1em;text-align:center;text-transform:uppercase;transition:border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease}
.property-orbit-node.is-live{border-color:rgba(var(--property-signal-rgb),.5);color:var(--bone);box-shadow:0 0 28px rgba(var(--property-signal-rgb),.16)}
.property-orbit-node:nth-of-type(1){left:-7%;top:38%}.property-orbit-node:nth-of-type(2){left:40%;top:-8%}.property-orbit-node:nth-of-type(3){right:-8%;top:40%}.property-orbit-node:nth-of-type(4){left:39%;bottom:-8%}

/* Studio anatomy: the native intelligence of the company. */
.property-anatomy-section{position:relative;margin-block:clamp(3rem,7vw,7rem);padding-block:clamp(2.5rem,5vw,4.5rem);border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(var(--property-signal-rgb),.035),transparent 25%,transparent 75%,rgba(var(--property-signal-rgb),.025))}
.property-anatomy-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:end}
.property-anatomy-heading h2{margin:.6rem 0 0;font:400 clamp(2rem,4vw,4.2rem)/.98 var(--display)}
.property-anatomy-heading p:last-child{max-width:680px;color:var(--smoke);line-height:1.7}
.property-anatomy-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:3rem;border:1px solid var(--line);background:#09090d}
.property-anatomy-track::before{content:"";position:absolute;left:10%;right:10%;top:40px;height:1px;background:linear-gradient(90deg,rgba(var(--property-signal-rgb),.65),rgba(var(--property-signal-rgb),.14));pointer-events:none}
.property-stage{position:relative;min-height:230px;padding:2.2rem 1.25rem 1.5rem;border-left:1px solid var(--line)}
.property-stage:first-child{border-left:0}
.property-stage::before{content:"";position:relative;z-index:2;display:block;width:11px;height:11px;margin:0 auto 1.55rem;border:1px solid var(--line-strong);border-radius:50%;background:#09090d}
.property-stage.is-live::before{border-color:rgb(var(--property-signal-rgb));background:rgb(var(--property-signal-rgb));box-shadow:0 0 20px rgba(var(--property-signal-rgb),.58)}
.property-stage span{color:rgba(var(--property-signal-rgb),.76);font:800 .51rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.property-stage h3{margin:.7rem 0 .6rem;font:400 1.5rem/1 var(--display)}
.property-stage p{margin:0;color:var(--smoke);font-size:.78rem;line-height:1.55}
.property-stage.is-possible{background:repeating-linear-gradient(135deg,rgba(var(--property-signal-rgb),.025) 0 1px,transparent 1px 11px)}
.property-stage.is-possible span{color:var(--smoke)}
.property-anatomy-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;color:var(--smoke);font-size:.78rem}
.property-anatomy-footer strong{color:var(--bone);font-weight:600}

/* A record becomes the factual gravitational center for its property. */
.record-property-pathway{position:relative;margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(var(--property-signal-rgb),.24);background:linear-gradient(90deg,rgba(var(--property-signal-rgb),.055),rgba(255,255,255,.012));overflow:hidden}
.record-property-pathway::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgb(var(--property-signal-rgb));box-shadow:0 0 24px rgba(var(--property-signal-rgb),.5)}
.record-pathway-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.record-pathway-head small{display:block;color:var(--gold);font:800 .52rem/1 var(--ui);letter-spacing:.15em;text-transform:uppercase}
.record-pathway-head strong{display:block;margin-top:.45rem;font:400 1.45rem/1.05 var(--display)}
.record-pathway-head a{color:var(--bone);font:800 .52rem/1.2 var(--ui);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
.record-pathway-head a:hover{text-decoration:underline;text-underline-offset:4px}
.record-pathway-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1rem;background:var(--line)}
.record-pathway-steps span{display:block;padding:.82rem;background:#0a0a0e;color:var(--smoke);font:800 .49rem/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase}
.record-pathway-steps span.is-live{color:var(--bone);background:rgba(var(--property-signal-rgb),.075)}
.record-pathway-steps span.is-possible{font-style:italic}

/* Division lens: a property can be examined here without claiming active production. */
.property-lens{position:relative;margin-block:clamp(2.5rem,6vw,5.5rem);padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);background:
  radial-gradient(circle at 86% 18%,rgba(var(--property-signal-rgb),.09),transparent 18rem),#09090d;overflow:hidden}
.property-lens::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border:1px solid rgba(var(--property-signal-rgb),.16);border-radius:50%;box-shadow:0 0 0 38px rgba(var(--property-signal-rgb),.018),0 0 0 78px rgba(var(--property-signal-rgb),.012)}
.property-lens-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.property-lens h2{margin:.6rem 0 .8rem;font:400 clamp(1.9rem,3.5vw,3.6rem)/1 var(--display)}
.property-lens p{max-width:720px;color:var(--smoke);line-height:1.65}
.property-lens-state{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.property-lens-state div{display:grid;grid-template-columns:112px 1fr;gap:1rem;padding:.85rem 1rem;background:#09090d}
.property-lens-state span{color:var(--smoke);font:800 .49rem/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase}
.property-lens-state strong{color:var(--bone);font:600 .74rem/1.35 var(--body)}
.property-lens-note{margin-top:1rem!important;color:rgba(214,205,187,.72)!important;font-size:.75rem!important}

/* Visited divisions illuminate the existing central Arc. */
.arc-orbit .orbit-node.is-awake{color:var(--ivory);text-shadow:0 0 16px rgba(var(--property-signal-rgb),.72)}
.arc-orbit .orbit-node.is-awake::before{content:"";display:inline-block;width:5px;height:5px;margin-right:.35rem;border-radius:50%;background:rgb(var(--property-signal-rgb));box-shadow:0 0 12px rgba(var(--property-signal-rgb),.8)}

@media(max-width:980px){
  .property-thread-inner{grid-template-columns:minmax(0,1fr) auto}.property-thread-state{display:none}
  .studio-signal-shell{grid-template-columns:1fr}.studio-signal-visual{border-left:0;border-top:1px solid var(--line);min-height:400px}
  .property-anatomy-heading{grid-template-columns:1fr;gap:1rem}
  .property-anatomy-track{grid-template-columns:repeat(2,1fr)}
  .property-anatomy-track::before{display:none}.property-stage{border-top:1px solid var(--line)}.property-stage:nth-child(odd){border-left:0}
  .property-stage:last-child{grid-column:1/-1}
  .property-lens-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .property-thread-inner{width:100%;min-height:0;grid-template-columns:1fr;padding:.75rem 1rem;gap:.55rem}
  .property-thread-actions{padding-left:40px}.property-thread-actions a,.property-thread-actions button{font-size:.48rem}
  .studio-signal-section{width:calc(100% - 1.5rem)}
  .studio-signal-copy{padding:2rem 1.35rem}.studio-signal-visual{min-height:330px}
  .property-orbit{width:250px}.property-orbit-node{width:62px;height:62px;font-size:.42rem}
  .property-anatomy-track{grid-template-columns:1fr}.property-stage,.property-stage:nth-child(odd){border-left:0}.property-stage:last-child{grid-column:auto}
  .property-anatomy-footer{align-items:flex-start;flex-direction:column}
  .record-pathway-head{flex-direction:column}.record-pathway-steps{grid-template-columns:1fr 1fr}
  .property-lens-state div{grid-template-columns:86px 1fr}
}

@media(prefers-reduced-motion:reduce){
  .property-threadline::before,.property-orbit-node{transition:none}
}