/* /projects/vollabyggmester/: case study as a building project, on top of essay.css (scene: volla-scene.js) */
#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}
.essay section{padding:16vh 0}
.phase.chapter-now{display:flex;align-items:center;gap:12px}
.phase{margin:0;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.88rem;text-align:right}
.phase b{color:var(--ink);font-weight:500}
.meter{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--accent);z-index:1100}
.kicker{margin:0 0 1rem;color:var(--accent);font-size:.92rem;font-weight:500}
.essay h1 em{display:block;font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em;font-size:.62em;margin-top:.3em;color:#EAE4D8}
.essay .dek{font-family:var(--sans);font-style:normal;margin:0 0 1.4rem;font-size:1.12rem;line-height:1.6;color:#DED8CD;max-width:32rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.6rem}
.tags span{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;color:var(--muted)}
.hint{color:var(--muted);font-size:.88rem;margin:0}
.label{display:flex;align-items:baseline;gap:10px;margin:0 0 .7rem;color:var(--accent);font-size:.92rem;font-weight:500;font-variant-numeric:tabular-nums}
.label span{color:var(--muted);font-weight:400}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1.2rem 0}
.essay .pair div{padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.pair div:last-child{border-color:rgba(244,122,42,.55);background:rgba(244,122,42,.05)}
.essay .pair small{display:block;margin-bottom:6px;font-size:.78rem;font-weight:500;color:var(--muted)}
.pair div:last-child small{color:var(--accent)}
.essay .pair p{margin:0;font-size:.94rem;line-height:1.5;color:#D6D0C4}
.rooms{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rooms li{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#11141A}
.rooms .ph{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}
.rooms img{width:100%;height:100%;object-fit:cover;display:block}
.rooms b{display:block;padding:10px 12px;font-size:.92rem;font-weight:500}
.ba{position:relative;margin:1.2rem 0 .6rem;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#11141A}
.ba .img{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.ba .img img{width:100%;height:100%;object-fit:cover;display:block}
.ba .after{clip-path:inset(0 0 0 var(--cut,50%))}
.ba .tag{position:absolute;bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(16,16,15,.75);font-size:.8rem}
.ba .tag.l{left:10px}.ba .tag.r{right:10px;color:var(--accent)}
.ba .handle{position:absolute;top:0;bottom:0;left:var(--cut,50%);width:2px;background:var(--accent);transform:translateX(-1px);pointer-events:none}
.ba-range{width:100%;accent-color:#F47A2A;min-height:32px}
.digital{list-style:none;margin:1.2rem 0;padding:0;border-top:1px solid var(--line)}
.essay .digital li{display:grid;grid-template-columns:9rem 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.essay .digital b{font-weight:500}
.essay .digital span{color:var(--muted);font-size:.95rem;line-height:1.5}
.essay .final h2{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.03em}
.final h2 em{font-family:var(--serif);font-weight:400;font-style:italic}
@media (max-width:820px){
  .pair{grid-template-columns:1fr}
  .digital li{grid-template-columns:1fr;gap:4px}
  .phase span{display:none}
}