:root{color:#20211d;background:#161815;font-family:Instrument Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #161815;--paper: #f0efe9;--yellow: #f2d737;--yellow-soft: #ffe55b;--line-dark: rgba(238, 239, 230, .18);--line-light: rgba(22, 24, 21, .2);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:200;padding:.8rem 1rem;background:var(--yellow);color:var(--ink);text-decoration:none}.skip-link:focus{top:1rem}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:80px;padding:0 clamp(1rem,3vw,3.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#eeeee6;border-bottom:1px solid var(--line-dark);background:#161815e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;gap:12px;cursor:pointer;justify-self:start;text-align:left}.brand-logo{width:55px;height:auto;display:block}.brand-name{font:700 10px/1.05 Syne,sans-serif;letter-spacing:.12em}.topbar-meta{display:flex;gap:2rem;font-size:9px;letter-spacing:.16em}.top-contact{justify-self:end;display:flex;align-items:center;gap:.65rem;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:.4rem 0;cursor:pointer;font-size:12px}section{min-height:100svh;position:relative;overflow:hidden}.section-dark{background-color:var(--ink);color:#efefe7}.section-light{background:var(--paper);color:var(--ink)}.section-yellow{background:var(--yellow);color:var(--ink)}.section-paper{background:#deddd5;color:var(--ink)}.section-dark:before,.section-light:before,.section-yellow:before,.section-paper:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(128,128,128,.16) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(128,128,128,.12) 1px);background-size:clamp(68px,8vw,126px) clamp(68px,8vw,126px);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}.section-index{position:absolute;top:100px;left:clamp(1rem,3vw,3.5rem);right:clamp(1rem,3vw,3.5rem);display:grid;grid-template-columns:1fr auto 1fr;font-size:9px;letter-spacing:.18em;padding-bottom:12px;border-bottom:1px solid currentColor;opacity:.65}.section-index span:nth-child(2){justify-self:center}.section-index span:last-child{justify-self:end}.kicker,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700}.kicker{margin:0 0 1.5rem}.section-lead h2,.playbook h2,.contact h2{font:700 clamp(3.2rem,7.8vw,8.7rem)/.86 "Syne",sans-serif;letter-spacing:-.065em;margin:0}h2 em,h1 em{color:var(--yellow);font-style:normal}.section-light h2 em,.section-yellow h2 em,.section-paper h2 em{color:inherit;font-style:italic;font-weight:600}.hero{display:grid;grid-template-columns:57% 43%;min-height:100svh;padding:132px clamp(1rem,3vw,3.5rem) 80px}.coordinates{position:absolute;right:clamp(1rem,3vw,3.5rem);top:102px;display:flex;gap:2rem;font-size:9px;letter-spacing:.18em;opacity:.5}.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;min-width:0}.eyebrow{display:flex;align-items:center;gap:.75rem;color:#d9d9d0;margin:0 0 clamp(1.5rem,4vh,3rem)}.eyebrow span{width:8px;height:8px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}.hero h1{margin:0;font:700 clamp(3.9rem,7.7vw,9rem)/.82 "Syne",sans-serif;letter-spacing:-.072em;max-width:11ch}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:730px;margin-top:clamp(2rem,5vh,4.5rem);padding-top:1.2rem;border-top:1px solid var(--line-dark)}.hero-intro p{margin:0;max-width:40ch;font-size:clamp(.98rem,1.15vw,1.2rem);line-height:1.55;color:#c4c5bc}.text-link,.action-link{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;align-self:start;border:0;border-bottom:1px solid currentColor;background:transparent;padding:.45rem 0 .7rem;cursor:pointer;text-decoration:none;font-size:12px;font-weight:700}.text-link:hover svg,.action-link:hover svg{transform:translate(6px)}.text-link svg,.action-link svg{transition:transform .25s var(--ease-out)}.hero-system{margin:6vh 0 3vh 2.5vw;border:1px solid var(--line-dark);display:grid;grid-template-rows:auto 1fr auto;min-height:580px;min-width:0;position:relative;background:#ffffff03}.system-head,.system-foot{display:flex;justify-content:space-between;padding:14px 16px;font-size:8px;letter-spacing:.16em;color:#acada5}.system-head{border-bottom:1px solid var(--line-dark)}.system-foot{border-top:1px solid var(--line-dark)}.orbit{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden}.orbit:before,.orbit:after{content:"";position:absolute;background:var(--line-dark)}.orbit:before{width:1px;height:100%}.orbit:after{height:1px;width:100%}.orbit-ring{position:absolute;border:1px solid rgba(242,215,55,.35);border-radius:50%}.ring-one{width:min(26vw,360px);aspect-ratio:1;animation:rotate 20s linear infinite}.ring-one:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);left:13%;top:13%;box-shadow:0 0 0 6px #f2d7371f}.ring-two{width:min(19vw,260px);aspect-ratio:1;border-style:dashed;animation:rotate 15s linear infinite reverse}.orbit-core{width:112px;aspect-ratio:1;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 12px var(--ink),0 0 0 13px #f2d73759}.orbit-core strong{font:800 18px Syne;letter-spacing:-.03em}.orbit-core span{font-size:8px;letter-spacing:.18em}.orbit-label{position:absolute;font-size:8px;letter-spacing:.18em;color:#9d9e97}.label-a{top:15%;left:12%}.label-b{right:10%;top:30%}.label-c{left:18%;bottom:15%}.orbit-node{position:absolute;width:7px;height:7px;background:#ecece3;transform:rotate(45deg)}.node-a{left:12%;top:46%}.node-b{right:16%;bottom:24%}.node-c{right:22%;top:15%}.scroll-cue{position:absolute;bottom:24px;left:clamp(1rem,3vw,3.5rem);border:0;color:#b7b8b0;background:transparent;display:flex;gap:.8rem;align-items:center;font-size:8px;letter-spacing:.18em;cursor:pointer}.framework{padding:170px clamp(1rem,3vw,3.5rem) 110px}.framework .section-lead{max-width:1000px;margin-bottom:clamp(4rem,9vh,8rem)}.framework-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,9vw,10rem);align-items:end}.framework-statement>p{margin:0;max-width:30ch;font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1.15;letter-spacing:-.03em}.framework-diagram{margin-top:4rem;border-top:1px solid var(--line-light);padding-top:1.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;font-size:9px;letter-spacing:.15em;font-weight:700}.path{height:32px;display:flex;justify-content:space-around;align-items:center;position:relative}.path:before{content:"";height:1px;background:var(--ink);position:absolute;left:0;right:0}.path i{width:9px;height:9px;background:var(--paper);border:1px solid var(--ink);transform:rotate(45deg);z-index:2}.path i:last-child{background:var(--yellow)}.principle-list{border-top:1px solid var(--ink)}.principle{display:grid;grid-template-columns:38px 1fr auto;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--line-light)}.principle>span{font-size:10px}.principle h3{margin:0 0 .35rem;font:700 clamp(1.2rem,1.7vw,1.7rem) "Syne";letter-spacing:-.03em}.principle p{margin:0;line-height:1.5;color:#5a5b55;max-width:48ch}.playbook{padding:170px clamp(1rem,3vw,3.5rem) 100px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:5vw}.playbook-copy{align-self:center;position:relative;z-index:2}.playbook-copy>p:not(.kicker){max-width:51ch;font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.6;margin:2.5rem 0}.book-stage{height:min(69vh,720px);position:relative;display:grid;place-items:center}.book-stage:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(22,24,21,.28)}.book-stage:after{content:"";position:absolute;inset:9% 0;border-top:1px solid rgba(22,24,21,.2);border-bottom:1px solid rgba(22,24,21,.2)}.book-stage img{max-width:78%;max-height:90%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(30px 40px 24px rgba(73,57,0,.2));transform:rotate(2deg);transition:transform .5s var(--ease-out)}.book-stage:hover img{transform:rotate(-1deg) translateY(-8px)}.book-note{position:absolute;right:0;bottom:8%;border-left:1px solid var(--ink);padding-left:1rem;z-index:3}.book-note span{display:block;font-size:8px;letter-spacing:.16em;margin-bottom:.4rem}.book-note strong{font:700 1rem/1.1 Syne}.tmo{padding:170px clamp(1rem,3vw,3.5rem) 110px}.tmo .section-lead{margin-bottom:clamp(4rem,8vh,7rem)}.tmo-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:end}.tmo-copy>p{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.5;color:#c4c5bd;max-width:43ch;margin:0 0 2.5rem}.tmo-copy ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-dark)}.tmo-copy li{padding:1rem 0;border-bottom:1px solid var(--line-dark);display:grid;grid-template-columns:38px 1fr;font-size:.9rem}.tmo-copy li span{font-size:9px;color:var(--yellow)}.tmo-screen{border:1px solid #52544f;background:#1e211e;box-shadow:20px 25px #0d0f0d}.screen-bar{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c3e3a;font-size:8px;letter-spacing:.16em}.screen-bar span:last-child{color:var(--yellow)}.screen-grid{display:grid;grid-template-columns:1fr 1fr}.screen-grid>div{padding:clamp(1rem,2vw,2rem);min-height:170px;border-right:1px solid #3c3e3a;border-bottom:1px solid #3c3e3a}.screen-grid small{display:block;font-size:8px;letter-spacing:.16em;color:#8f918a}.screen-metric strong{display:block;font:700 clamp(2.5rem,4vw,4.5rem) "Syne";margin:.7rem 0 1rem}.screen-metric i{display:block;width:100%;height:4px;background:#373a36;position:relative}.screen-metric i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);background:var(--yellow)}.screen-chart{display:flex;align-items:end;gap:8px}.screen-chart span{flex:1;background:#434640;min-height:18%}.screen-chart span:nth-child(2){height:36%}.screen-chart span:nth-child(3){height:28%}.screen-chart span:nth-child(4){height:52%;background:var(--yellow)}.screen-chart span:nth-child(5){height:70%}.screen-chart span:nth-child(6){height:62%}.screen-chart span:nth-child(7){height:86%;background:#d9dacf}.screen-status strong{display:block;font:700 clamp(1.8rem,3vw,3.2rem) "Syne";margin:1rem 0;color:var(--yellow)}.screen-status p{margin:0;color:#aaaca4;line-height:1.45;max-width:27ch}.contact{padding:170px clamp(1rem,3vw,3.5rem) 0;display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-content:center}.contact-copy>p:not(.kicker){font-size:1.15rem;margin:2rem 0 3rem}.contact h2{font-size:clamp(3.2rem,6vw,7rem)}.contact-methods{border-top:1px solid var(--ink)}.contact-methods a{display:grid;grid-template-columns:28px 1fr;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line-light);text-decoration:none;font-size:.92rem}.contact-methods small{display:block;font-size:8px;letter-spacing:.15em;margin-bottom:.2rem;opacity:.6}.contact-form{padding-top:1rem}.contact-form label{display:block;border-bottom:1px solid var(--ink);padding:0 0 1rem;margin-bottom:1.7rem}.contact-form label>span{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:.7rem}.contact-form input,.contact-form textarea{width:100%;border:0;background:transparent;color:var(--ink);outline:0;padding:.25rem 0;font-size:clamp(1.1rem,1.7vw,1.5rem);resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#888981}.contact-form label:focus-within{border-color:#8d7900}.contact-form button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--ink);color:#efefe7;padding:1.2rem 1.4rem;cursor:pointer;font-weight:700;transition:background .18s,color .18s}.contact-form button:hover{background:var(--yellow);color:var(--ink)}footer{grid-column:1 / -1;align-self:end;margin-top:8vh;border-top:1px solid var(--ink);min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:8px;letter-spacing:.15em}footer span:nth-child(2){justify-self:center}footer button{justify-self:end;border:0;background:transparent;font-size:inherit;letter-spacing:inherit;cursor:pointer}.command-dock{position:fixed;z-index:100;left:50%;bottom:18px;transform:translate(-50%);height:56px;color:#eeeee6;background:#1f211e;border:1px solid #4c4e49;display:flex;box-shadow:0 12px 32px #00000047}.dock-trigger{width:56px;border:0;border-right:1px solid #4c4e49;background:var(--yellow);color:var(--ink);display:grid;place-items:center;cursor:pointer}.dock-trigger span{display:none}.dock-items{display:flex;overflow:hidden;max-width:0;transition:max-width .45s var(--ease-out)}.command-dock.is-open .dock-items,.command-dock:focus-within .dock-items,.command-dock:hover .dock-items{max-width:630px}.dock-items button{min-width:52px;border:0;border-right:1px solid #3f413d;background:transparent;color:#a9aba3;display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;padding:0 16px;transition:background .15s,color .15s,min-width .35s var(--ease-out),gap .35s var(--ease-out);position:relative}.dock-items button:hover{background:#2b2d29;color:#fff}.dock-items button.active{color:var(--yellow);min-width:120px;gap:9px}.dock-number{position:absolute;top:5px;left:6px;font-size:6px;opacity:.45}.dock-label{max-width:0;opacity:0;overflow:hidden;font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:max-width .35s var(--ease-out),opacity .22s}.dock-items button.active .dock-label{max-width:80px;opacity:1}.dock-progress{width:4px;background:#343632;position:relative}.dock-progress i{position:absolute;left:0;right:0;bottom:0;background:var(--yellow);transition:height .5s var(--ease-out)}.reveal{animation:reveal-in .8s var(--ease-out) both}.delay-2{animation-delay:.16s}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:980px){.topbar{grid-template-columns:1fr 1fr}.topbar-meta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-system{margin:5rem 0 3rem;min-height:500px}.ring-one{width:min(62vw,360px)}.ring-two{width:min(43vw,260px)}.framework-layout,.tmo-layout{grid-template-columns:1fr}.principle-list{margin-top:2rem}.playbook{grid-template-columns:1fr}.book-stage{height:600px}.contact{grid-template-columns:1fr;padding-bottom:0}.contact-form{margin-top:2rem}}@media(max-width:640px){.topbar{height:64px;padding-inline:16px}.brand-logo{width:48px}.top-contact{font-size:0;border:1px solid currentColor;width:38px;height:38px;display:grid;place-items:center}.brand-name{display:none}.section-index{top:82px;left:16px;right:16px}.section-index span:nth-child(2){display:none}.hero{padding:120px 16px 90px}.coordinates{top:84px;right:16px}.hero h1{font-size:clamp(2.85rem,12vw,4rem);letter-spacing:-.065em}.hero-intro{grid-template-columns:1fr}.hero-system{margin-top:4rem;min-height:430px}.orbit{min-height:340px}.scroll-cue{display:none}.framework,.tmo{padding:135px 16px 100px}.playbook{padding:135px 16px 95px}.section-lead h2,.playbook h2,.contact h2{font-size:clamp(3.1rem,16vw,5.2rem)}.framework .section-lead,.tmo .section-lead{margin-bottom:4rem}.framework-diagram{margin-top:2.5rem}.book-stage{height:470px}.book-stage img{max-width:95%}.book-note{right:4px}.screen-grid{grid-template-columns:1fr}.screen-grid>div{border-right:0}.contact{padding:135px 16px 0;gap:2rem}.contact-methods a{font-size:.8rem}footer{grid-template-columns:1fr 1fr;padding:1rem 0 5rem;row-gap:1rem}footer span:nth-child(2){display:none}.command-dock{left:8px;right:8px;bottom:8px;transform:none;height:58px}.dock-trigger{display:none}.dock-items,.command-dock.is-open .dock-items,.command-dock:focus-within .dock-items,.command-dock:hover .dock-items{max-width:none;width:100%}.dock-items button,.dock-items button.active{min-width:0;flex:1;padding:0;gap:0}.dock-items button.active{background:var(--yellow);color:var(--ink)}.dock-items button.active .dock-label{display:none}.dock-number{top:4px;left:5px}.dock-progress{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
