/* Bespoke celestial mechanisms. Procedural geometry; no 3D library or asset download. */
.mechanism-hero{position:relative;padding:62px 0 0;background:radial-gradient(ellipse at 76% 37%,#e9e7dc99,transparent 47%),var(--bg)!important;overflow:hidden}.mechanism-hero-grid{display:grid;grid-template-columns:.97fr 1.1fr;align-items:center;gap:12px;min-height:630px}.mechanism-copy{z-index:2}.mechanism-copy h1{font-size:clamp(4rem,6.7vw,7.15rem)}.mechanism-instrument{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:12px}.mechanism-topline{font:9px/1.5 ui-monospace,monospace;letter-spacing:.055em;color:#5f6656;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #cfd1c4;padding:16px 0 0}.mechanism-live{display:flex;align-items:center;gap:6px;font-size:7px;white-space:nowrap}.mechanism-live i{width:4px;height:4px;border-radius:50%;background:#ba4d23}.mechanism-viewport{position:relative;width:100%;aspect-ratio:1.08;min-height:280px;outline-offset:-4px;cursor:grab;touch-action:pan-y;isolation:isolate}.mechanism-viewport:active{cursor:grabbing}.mechanism-viewport:focus-visible{outline:2px solid #a73d18;border-radius:5px}.mechanism-viewport canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.mechanism-label{position:absolute;z-index:2;pointer-events:none;font:7px/1.6 ui-monospace,monospace;letter-spacing:.04em;color:#58614f}.mechanism-label span{display:block}.mechanism-label i{font:italic 12px/1.5 Georgia,serif;letter-spacing:0;color:#646b5c;display:block;margin-top:4px}.mechanism-label-a{left:0;top:13%}.mechanism-label-b{right:0;bottom:15%;text-align:right}.mechanism-label-a:after{content:'';display:block;margin-top:10px;width:44px;border-top:1px solid #bfc5b2}.mechanism-label-b:before{content:'';display:block;margin:0 0 10px auto;width:44px;border-top:1px solid #bfc5b2}.mechanism-view-label{position:absolute;bottom:4%;left:0;z-index:2;font:7px/1.6 ui-monospace,monospace;color:#626a59;letter-spacing:.08em}.mechanism-view-label b{font-weight:500;color:#a83f1b}.mechanism-controls{position:relative;z-index:3;border-top:1px solid #cfd1c4;padding-top:12px;display:flex;align-items:center;gap:12px;justify-content:space-between}.mechanism-range{display:grid;grid-template-columns:1fr 85px 28px;align-items:center;gap:10px;flex:1;min-width:0}.mechanism-range label{font:7px/1.6 ui-monospace,monospace;color:#4f5945;letter-spacing:.025em;white-space:nowrap}.mechanism-range label span{margin:0 3px;color:#a73f1a}.mechanism-range input{display:block;width:100%;height:38px;margin:0;accent-color:#ad431e;cursor:ew-resize;min-width:0}.mechanism-range output{font:8px/1.5 ui-monospace,monospace;color:#a73f1a}.mechanism-buttons{display:flex;gap:5px;align-items:center;flex-shrink:0}.mechanism-buttons button{border:1px solid #d0d3c5;background:#f8f7f0;color:#4b5542;width:40px;height:40px;min-height:40px;display:grid;place-items:center;border-radius:50%;font:15px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.mechanism-buttons button:hover{background:#efe2d2;border-color:#c78f6e}.mechanism-buttons [data-mechanism-reset]{width:auto;padding:0 12px;border-radius:30px;display:flex;gap:9px;font:9px/1.5 ui-monospace,monospace}.mechanism-buttons button:focus-visible,.identity-tabs button:focus-visible{outline:2px solid #a73f1a;outline-offset:3px}.mechanism-help{font:9px/1.6 ui-monospace,monospace;color:#5e6853;margin:10px 0 0;text-align:right}.mechanism-hero .hero-baseline{margin-top:27px}.mechanism-fallback{position:absolute;inset:17%;display:grid;place-items:center;perspective:500px;z-index:0}.mechanism-fallback i{position:absolute;width:88%;height:88%;border:14px solid #d1d1c4;border-radius:50%;box-shadow:inset 0 0 0 1px #9eaa8a,0 0 0 1px #a9ae9a;transform:rotateX(48deg) rotateY(20deg)}.mechanism-fallback i:nth-child(2){width:70%;height:70%;transform:rotateX(-20deg) rotateY(56deg);border-color:#dba987}.mechanism-fallback i:nth-child(3){width:48%;height:48%;transform:rotateX(-32deg);border-color:#e7dccb}.mechanism-fallback b{display:grid;place-items:center;width:50px;height:60px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#b84c22;color:#fffaf2;font:14px ui-monospace,monospace}.mechanism-rendered .mechanism-fallback{display:none}
.sf-identity-v5{background:#efeee6!important;border-top:1px solid #dcddd1}.identity-heading{display:flex;align-items:end;justify-content:space-between;gap:55px}.identity-heading h2{font-size:clamp(3rem,5.3vw,5.4rem);max-width:14ch}.identity-heading>p{margin:0 0 5px;font-size:14px;line-height:1.85;max-width:40ch}.identity-experience{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid #cbcebf;border-radius:8px;overflow:hidden;background:#f6f5ee}.identity-visual{position:relative;min-width:0;background:radial-gradient(ellipse at 55% 58%,#e3dfd0aa,transparent 65%);display:flex;flex-direction:column;padding:25px 29px 20px;border-right:1px solid #d4d6c8}.identity-visual .mechanism-topline{padding:0;border:0;font-size:8px}.identity-viewport{aspect-ratio:1.07;min-height:320px;flex:1}.identity-watermark{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:clamp(3rem,6.4vw,6.8rem);font-weight:500;line-height:1;letter-spacing:-.065em;color:#dee0d2;z-index:0;white-space:nowrap}.identity-visual-footer{border-top:1px solid #d4d6c8;padding-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.identity-visual-footer>span{font:8px/1.6 ui-monospace,monospace;color:#626b56;max-width:23ch}.identity-visual-footer [data-mechanism-reset]{width:40px;justify-content:center;padding:0;font:16px Arial,sans-serif}.identity-narrative{padding:34px 36px 25px;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.identity-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d0d3c4;gap:8px}.identity-tabs button{font:8px/1.6 ui-monospace,monospace;color:#647057;background:transparent;border:0;border-bottom:2px solid transparent;display:flex;gap:9px;align-items:center;min-height:50px;padding:0 0 13px;cursor:pointer;text-align:left}.identity-tabs button span{font:500 13px Arial,sans-serif;color:#59654e}.identity-tabs [aria-selected=true]{color:#a83e17;border-bottom-color:#b54c23}.identity-tabs [aria-selected=true] span{color:#a13d1b}.identity-panel{padding:32px 0 25px;min-height:357px}.identity-panel[hidden]{display:none}.identity-panel-kicker{font:8px/1.6 ui-monospace,monospace;color:#a3431f;letter-spacing:.09em}.identity-panel h3{font-size:clamp(2.5rem,4.1vw,4.5rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:17px 0 23px}.identity-panel>p{font-size:13px;line-height:1.8;max-width:40ch}.identity-panel .identity-principle{font-size:11px;margin:23px 0 25px;color:#5e6953;border-left:1px solid #c6baa5;padding-left:15px;max-width:43ch}.identity-principle span{color:#a4401c;margin-right:5px}.identity-panel .sf-text-link{font-size:12px;gap:24px}.identity-signature{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-top:1px solid #d4d6c8;padding-top:19px;font:7px/1.6 ui-monospace,monospace;color:#5d6853}.identity-signature i{font-style:normal;color:#a4401c}.identity-signature b{font-weight:500;letter-spacing:.045em;color:#333e2a}
@media(min-width:1500px){.mechanism-hero-grid{min-height:710px}.mechanism-hero{padding-top:76px}.mechanism-instrument{padding-left:30px}}
@media(max-width:1100px){.mechanism-hero-grid{grid-template-columns:1fr 1.1fr;min-height:600px}.mechanism-copy h1{font-size:clamp(3.5rem,6.5vw,6.5rem)}.mechanism-controls{flex-wrap:wrap}.mechanism-range{flex-basis:100%;grid-template-columns:1fr 100px 30px}.mechanism-controls>.mechanism-buttons{margin-left:auto}.mechanism-help{font-size:8px}.identity-narrative{padding:26px}.identity-tabs button{gap:6px}.identity-panel{min-height:375px}.identity-visual{padding:22px}.mechanism-live{font-size:6px}.mechanism-topline{font-size:8px}.mechanism-label-a{top:10%}.mechanism-label-b{bottom:12%}}
@media(max-width:800px){.mechanism-hero{padding-top:40px}.mechanism-hero-grid{grid-template-columns:1fr;min-height:0}.mechanism-copy h1{font-size:clamp(4rem,10.5vw,6.8rem);max-width:12ch}.mechanism-instrument{margin:30px 0 0;padding:0;max-width:640px;width:100%;justify-self:center}.mechanism-copy{padding:0}.mechanism-controls{flex-wrap:nowrap}.mechanism-range{flex-basis:auto;grid-template-columns:1fr 90px 30px}.mechanism-viewport{aspect-ratio:1.28;max-height:520px}.mechanism-live{font-size:7px}.mechanism-topline{font-size:9px}.identity-experience{grid-template-columns:1fr}.identity-visual{border-right:0;border-bottom:1px solid #d4d6c8;padding:25px}.identity-viewport{min-height:0;aspect-ratio:1.6;max-height:470px}.identity-watermark{font-size:13vw}.identity-narrative{padding:26px}.identity-panel{min-height:0;padding-bottom:30px}.identity-panel h3{font-size:clamp(2.9rem,7vw,4.3rem)}.identity-panel>p{max-width:54ch}.identity-panel .identity-principle{max-width:60ch}.identity-heading{display:block}.identity-heading>p{margin-top:24px;font-size:12px}.identity-tabs button{font-size:9px;gap:10px}.identity-tabs button span{font-size:14px}}
@media(max-width:480px){.mechanism-hero{padding-top:38px}.mechanism-copy h1{font-size:clamp(3.5rem,12.3vw,5.6rem)}.mechanism-copy .sf-kicker{font-size:8px;letter-spacing:.035em;margin-bottom:24px}.mechanism-copy .actions{gap:15px}.mechanism-copy .btn{font-size:11px;padding-inline:13px}.mechanism-copy .sf-text-link{font-size:10px;gap:9px}.mechanism-instrument{margin-top:37px}.mechanism-viewport{aspect-ratio:1.05;min-height:0}.mechanism-topline{font-size:7px;gap:8px}.mechanism-live{font-size:6px;gap:4px}.mechanism-label{font-size:6px}.mechanism-label i{font-size:10px}.mechanism-label-a{top:6%}.mechanism-label-b{bottom:11%}.mechanism-label-a:after,.mechanism-label-b:before{width:26px}.mechanism-controls{gap:8px;flex-wrap:wrap;padding-top:7px}.mechanism-range{flex-basis:100%;grid-template-columns:1fr 100px 29px;gap:8px}.mechanism-range label{font-size:7px}.mechanism-controls>.mechanism-buttons{margin-left:auto;margin-top:-1px}.mechanism-buttons button{width:42px;height:42px;min-height:42px}.mechanism-help{font-size:8px;max-width:32ch;text-align:left;position:relative;margin-top:-38px;margin-bottom:16px;min-height:26px;max-width:39%}.mechanism-hero .hero-baseline{margin-top:24px}.identity-heading h2{font-size:clamp(2.5rem,10vw,3.5rem)}.identity-visual{padding:20px 16px 16px}.identity-viewport{aspect-ratio:1.05;min-height:0}.identity-visual .mechanism-topline{font-size:6px;gap:8px}.identity-watermark{font-size:18vw;bottom:2%}.identity-visual-footer>span{font-size:7px;max-width:20ch}.identity-visual-footer{gap:6px}.identity-narrative{padding:22px 20px}.identity-tabs button{font-size:7px;gap:5px}.identity-tabs button span{font-size:12px}.identity-panel h3{font-size:2.65rem}.identity-panel>p{font-size:12px}.identity-panel .identity-principle{font-size:10px}.identity-signature{font-size:6px;gap:7px}.identity-panel{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.mechanism-buttons button{transition:none}}