/* Office pair: full portrait motion beside a full landscape mockup. */
.st-office-feature {
  display: grid;
  grid-template-columns: minmax(0, 1744fr) minmax(0, 4153fr);
  align-items: start;
  width: 100%;
  gap: 18px;
}
.st-office-feature > .st-media {
  position: relative;
  width: 100%;
  height: auto;
  min-width: 0;
  max-width: none;
  aspect-ratio: var(--ar);
}
.st-office-feature > .st-office-motion { --ar: 1744 / 2336; }
.st-office-feature > .st-office-still { --ar: 16 / 9; }
.st-office-feature > .st-media > video,
.st-office-feature > .st-media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 700px) {
  .st-office-feature { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}



/* Illuminated wall: primary environmental expression before the production detail. */
.oc-statement{margin:68px 0 0;color:var(--midnight,#16232a)}
.oc-statement *{box-sizing:border-box}
.oc-statement>a{display:block;overflow:hidden;background:var(--midnight,#16232a);color:inherit;text-decoration:none}
.oc-statement>a:focus-visible,.oc-statement figcaption a:focus-visible{outline:2px solid var(--emerald,#0a6670);outline-offset:5px}
.oc-statement img{display:block;width:100%;height:auto;aspect-ratio:1528/1029;object-fit:cover}
.oc-statement figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:17px 0 0;background:none;color:#51646b;text-shadow:none}
.oc-statement figcaption>span{display:grid;gap:3px}
.oc-statement figcaption b,.oc-statement figcaption small,.oc-statement figcaption a{font-family:Aktiv,sans-serif;font-style:normal}
.oc-statement figcaption b{font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.075em;color:var(--midnight,#16232a)}
.oc-statement figcaption small{font-size:8px;line-height:1.5;font-weight:500;letter-spacing:.04em;color:#6d7c80}
.oc-statement figcaption a{min-height:40px;display:flex;align-items:center;gap:9px;color:var(--emerald,#0a6670);font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.055em;text-decoration:none;white-space:nowrap}
.oc-statement figcaption a:hover{color:var(--signal,#ff5804)}
@media(max-width:700px){.oc-statement{margin-top:42px}.oc-statement figcaption{align-items:flex-start;flex-direction:column;gap:7px;padding-top:13px}.oc-statement figcaption a{min-height:34px}.oc-statement img{aspect-ratio:auto}}
@media print{.oc-statement{break-inside:avoid}.oc-statement figcaption a{display:none}}

/* Space Field in an interior: the raster concept and exact artwork remain distinct. */
.oc-application{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin:68px 0 30px;scroll-margin-top:30px;color:var(--midnight,#16232a)}
.oc-application *{box-sizing:border-box}
.oc-application a{color:inherit;text-decoration:none}
.oc-application a:focus-visible{outline:2px solid var(--emerald,#0a6670);outline-offset:5px}
.oc-application figure,.oc-application p{margin:0}
.oc-photo>a{display:block;background:#e4eef0}
.oc-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.oc-photo figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;padding:15px 0;background:none;color:#51646b;font:500 8px/1.6 Aktiv,sans-serif;letter-spacing:.025em;text-shadow:none}
.oc-photo figcaption a{min-height:40px;display:flex;align-items:center;color:var(--emerald,#0a6670)}
.oc-notes{min-width:0;padding-bottom:30px}
.oc-eyebrow{display:block;font:500 9px/1.6 Aktiv,sans-serif;letter-spacing:.1em;color:var(--emerald,#0a6670);margin-bottom:26px}
.oc-application #oc-title{font:600 clamp(32px,4vw,58px)/1 Aktiv,sans-serif;letter-spacing:-.045em;margin:0;color:var(--midnight,#16232a)}
.oc-application .oc-lead{font:400 clamp(18px,2vw,26px)/1.35 Aktiv,sans-serif;letter-spacing:-.025em;margin:25px 0 28px;color:var(--emerald,#0a6670)}
.oc-application .oc-description{font:400 14px/1.85 AktivGE,sans-serif;color:#51646b;max-width:420px}
.oc-materials{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;font:500 9px/1.5 Aktiv,sans-serif;color:var(--midnight,#16232a)}
.oc-materials>span{display:flex;align-items:center;gap:8px}
.oc-chip{width:12px;height:12px;display:block}.oc-chip--mist{background:#e4eef0;box-shadow:inset 0 0 0 1px #c9dce0}.oc-chip--emerald{background:#0a6670}
.oc-application .oc-master{margin:36px 0 24px;padding:24px 14px 17px;background:#e4eef0}
.oc-master img{display:block;width:100%;height:auto;max-height:none}
.oc-master figcaption{position:static;margin:0;padding:16px 0 0;color:#51646b;background:none;font:500 8px/1.6 Aktiv,sans-serif;text-align:center;letter-spacing:.03em;text-shadow:none}
.oc-actions{display:grid;gap:0}
.oc-actions a{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #16232a24;font:500 12px/1.6 AktivGE,sans-serif}
.oc-actions a>span:last-child{color:#0a6670;font:400 23px/1 Aktiv,sans-serif}
.oc-actions a:hover{color:#0a6670}
.oc-application .oc-production-note{font:400 11px/1.8 AktivGE,sans-serif;color:#6d7c80;margin-top:18px}
@media(max-width:900px){.oc-application{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.oc-notes{padding-bottom:0}.oc-eyebrow{font-size:8px;margin-bottom:18px}.oc-application .oc-description{font-size:12px}.oc-application .oc-lead{font-size:20px;margin-top:18px}.oc-application .oc-master{margin:22px 0 16px}.oc-materials{font-size:8px}}
@media(max-width:700px){.oc-application{grid-template-columns:1fr;margin-top:42px;gap:25px}.oc-photo{max-width:500px;width:100%;justify-self:center}.oc-application #oc-title{font-size:40px}.oc-application #oc-title br{display:none}.oc-application .oc-description{font-size:14px}.oc-application .oc-master{margin-top:28px}.oc-photo figcaption{font-size:7px;gap:4px 16px}.oc-actions a{font-size:12px}.oc-notes{padding:0 0 10px}}
@media print{.oc-application{break-inside:avoid}.oc-actions,.oc-photo figcaption a{display:none}}

/* The selected office film replaces the illuminated-wall photograph. */
.oc-statement-film{width:100%;aspect-ratio:4/3;background:var(--midnight,#16232a);border-radius:0}
.oc-statement .oc-statement-film>video,.oc-statement .oc-statement-film>.st-print-poster{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.oc-statement .oc-statement-film>.st-print-poster{display:none}
@media print{.oc-statement .oc-statement-film>video{display:none}.oc-statement .oc-statement-film>.st-print-poster{display:block}}