body[data-project=contracts]{--ink:#3d493e;--gold:#8c9b6d;--muted:#818c7b}
.contract-brand{font-size:35px;letter-spacing:-1.5px;gap:8px;font-weight:500}.contract-mark{font-size:23px;color:#a28b61}.brand-sub{font-size:5px;letter-spacing:1px;line-height:1.6;margin-left:9px}.contract-step :is(h1,h2) em{color:#86966b}.contract-step h1{font-size:clamp(62px,6.2vw,89px)}.contract-step h2{font-size:clamp(58px,5.4vw,77px)}.contract-step .primary-button{background:#3e5647;border-color:#3e5647}.contract-step .primary-button:hover{background:#60785d}.contract-step .feature-tags span{border-color:#d5dfce;color:#7d9279}
.visual{isolation:isolate}.visual .orbit{border-color:#8f9e8018}.orbit-one:after{background:#9daa88}.scene-topline,.scene-caption{color:#8c9f83}.caption-line{background:#a3b695}#scanner-view{position:absolute;left:-48px;right:-48px;top:50%;height:505px;transform:translateY(-50%);z-index:1;touch-action:pan-y}#scanner-view canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}#scanner-view canvas:active{cursor:grabbing}.model-loading{font:italic 23px var(--serif);color:#8c9f83;position:absolute;top:46%;text-align:center;width:100%}.model-error{font-size:12px;line-height:1.7;padding:25px;background:#ece7dc;border:1px solid #d6cdbb;border-radius:6px}.view-ready .model-loading{display:none}
.chapter-label{position:absolute;top:calc(50% + 184px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:1px solid #d5dfce;padding:9px 13px;background:#fafbf3;box-shadow:2px 3px 0 #dce3d1;white-space:nowrap;z-index:2;font-size:6px;letter-spacing:1.1px;color:#8a9a78}.live-dot{width:4px;height:4px;border-radius:50%;background:#9aa972;box-shadow:0 0 0 3px #9aa9721a;animation:meter-light 1.6s ease-in-out infinite}
.scanner-controls{position:absolute;top:calc(50% + 229px);left:0;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:3}.scanner-controls>span{font-size:6px;letter-spacing:1.3px;color:#92a284}.scanner-controls button{border:1px solid #d7dfca;background:#f6f8ed;width:28px;height:28px;border-radius:50%;font-size:15px;color:#849573;display:grid;place-items:center}.scanner-controls button:hover{background:#e5ecd8}.visual .scene-caption{top:calc(50% + 271px);font-size:7px}.visual .scene-note{top:calc(50% + 302px);font-size:5px;letter-spacing:1.1px}.visual .scene-topline{top:calc(50% - 251px);font-size:6px}.story-note{padding-left:18px;border-left:1px solid #b2bf9a;margin-top:26px}.story-note>span{font-size:7px;letter-spacing:1.4px;color:#95a77e}.story-note p{font:italic 26px var(--serif);color:#849968;margin:11px 0}@keyframes meter-light{50%{box-shadow:0 0 0 5px #9aa97225;background:#b1c18d}}
@media(min-width:761px){.visual{height:calc(100svh - 100px);min-height:550px}}
@media(max-width:1100px) and (min-width:761px){.contract-step h1{font-size:64px}.contract-step h2{font-size:55px}#scanner-view{height:430px;left:-30px;right:-25px}.chapter-label{top:calc(50% + 160px)}.scanner-controls{top:calc(50% + 202px)}.visual .scene-caption{top:calc(50% + 242px)}.visual .scene-note{top:calc(50% + 273px)}.visual .scene-topline{top:calc(50% - 229px)}}
@media(max-width:760px){.contract-brand{font-size:29px}.brand-sub{font-size:4px;margin-left:6px}.contract-mark{font-size:20px}.contract-step h1{font-size:53px}.contract-step h2{font-size:47px}#scanner-view{height:calc(var(--mobile-scene) - 65px);top:calc(50% - 28px);left:0;right:0}.chapter-label{top:auto;bottom:63px;font-size:5px;padding:5px 9px;gap:6px}.scanner-controls{top:auto;bottom:31px;gap:8px}.scanner-controls button{height:23px;width:23px;font-size:13px}.scanner-controls>span{font-size:5px}.visual .scene-caption{top:auto;bottom:3px;font-size:5px;gap:5px}.visual .scene-note{display:none}.visual .scene-topline{top:9px;font-size:5px}.visual .motion-toggle{width:19px;height:19px}.story-note p{font-size:24px}}
@media(max-width:760px) and (max-height:700px){.contract-step h1{font-size:47px}.contract-step h2{font-size:43px}.chapter-label{font-size:4px;bottom:59px}.scanner-controls{bottom:29px}}
@media(min-width:761px) and (max-width:1100px){.chapter-nav b{display:none}}

.contract-brand{font-size:26px;letter-spacing:-.8px}.contract-step h1{font-size:clamp(61px,6.1vw,87px)}@media(max-width:1100px) and (min-width:761px){.contract-step h1{font-size:63px}.contract-step h2{font-size:55px}}@media(max-width:760px){.contract-brand{font-size:23px}.contract-step h1{font-size:53px}}

body[data-project=contracts]{--ink:#303c52;--gold:#a28a62;--muted:#7d8490}.contract-step :is(h1,h2) em{color:#8a99ac}.contract-step .primary-button{background:#344761;border-color:#344761}.contract-step .primary-button:hover{background:#4d6683}.contract-brand{font-size:24px;letter-spacing:-.8px}.contract-step .primary-button{margin-top:28px}.contract-step .feature-tags{margin-bottom:24px}.risk-legend{margin:25px 0 8px;display:grid;gap:10px}.risk-legend>div{display:grid;grid-template-columns:88px 1fr;gap:10px;border-left:2px solid #9cae96;padding-left:10px}.risk-legend>div:nth-child(2){border-color:#c8b273}.risk-legend>div:nth-child(3){border-color:#ce8c60}.risk-legend>div:nth-child(4){border-color:#b46762}.risk-legend dt{font-size:10px;font-weight:600}.risk-legend dd{margin:0;font-size:10px;line-height:1.5;color:#7d8490}@media(max-width:760px){.contract-brand{font-size:22px}.risk-legend{gap:8px}.contract-step h1{font-size:50px}.contract-step h2{font-size:46px}}