:root{--canvas:#f3f2ef;--surface:#fff;--ink:#242623;--muted:#676963;--line:#d8dad3;--accent:#d6532d;--accent-soft:#f8e7df;--accent-deep:#a53718;--green:#386449;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:5px}::selection{background:var(--accent-soft);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}svg{display:block}.shell{width:min(1512px,100%);margin-inline:auto;padding-inline:clamp(24px,5vw,88px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--ink);color:var(--surface);z-index:30;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:16px}.header{height:112px;animation:header-arrive .8s var(--ease) both;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:12px;min-height:44px;font-size:27px;font-weight:550;display:inline-flex}.brand-mark{object-fit:contain;width:43px;height:43px;transition:transform .5s var(--ease)}.brand:hover .brand-mark{transform:rotate(-8deg)}.brand span{transition:transform .3s var(--ease);display:inline-block}.brand:hover span{transform:translate(3px)}.header nav{gap:36px;font-size:13px;display:flex}.header nav a{align-items:center;min-height:44px;display:flex;position:relative}.header nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.header nav a:hover:after{transform:scaleX(1)}.header nav a:focus-visible:after{transform:scaleX(1)}.header-action{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;min-height:44px;font-size:13px;display:flex}.header-action span:last-child{transition:transform .3s var(--ease);font-size:22px}.header-action:hover span:last-child{transform:translate(3px,-3px)}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:0 24px;min-height:680px;padding-top:0;display:grid;position:relative}.hero-copy{z-index:1;padding-bottom:36px}h1{letter-spacing:-.078em;white-space:nowrap;font-size:clamp(78px,10.8vw,164px);font-weight:450;line-height:1.02;overflow:hidden}h1 span{animation:title-unmask 1.2s var(--ease) .1s both;display:inline-block}.primary{background:var(--ink);color:#fff;isolation:isolate;min-height:58px;animation:action-arrive .9s var(--ease) .4s both;transition:transform .2s var(--ease);justify-content:space-between;align-items:center;gap:50px;margin-top:42px;padding:0 0 0 22px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.primary:before{content:"";background:var(--accent-deep);z-index:-1;transition:transform .45s var(--ease);position:absolute;inset:0;transform:translate(-101%)}.primary:hover:before{transform:translate(0)}.primary:active{transform:scale(.97)}.action-arrow{width:58px;height:58px;transition:transform .35s var(--ease);border-left:1px solid #ffffff30;place-items:center;font-size:24px;display:grid}.primary:hover .action-arrow{transform:translate(3px,-3px)}.hero-baseline{border-top:1px solid var(--line);min-height:80px;color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:relative}.hero-baseline:before{content:"";background:var(--ink);transform-origin:0;height:1px;animation:rule-draw 1.4s var(--ease) .3s both;position:absolute;top:-1px;left:0;right:0}.hero-baseline a{min-width:44px;min-height:44px;color:var(--ink);place-items:center;font-size:23px;display:grid;overflow:hidden}.hero-baseline a:hover span{animation:arrow-pass .5s var(--ease)}.study{perspective:1000px;min-width:0;position:relative}.sculpture{transform:rotateY(var(--look-x,0deg)) rotateX(var(--look-y,0deg));transition:transform .7s var(--ease);aspect-ratio:1;animation:sculpture-arrive 1.6s var(--ease) both;position:relative}.sculpture-svg{width:100%;height:100%;overflow:visible}.orbit-guide{fill:none;stroke:var(--line);stroke-width:.6px;stroke-dasharray:1 8}.calibration{stroke:var(--muted);stroke-width:.65px;fill:none;opacity:.6;transform-origin:50%;transform-box:fill-box;animation:100s linear infinite calibration-turn}.calibration circle{stroke-dasharray:2 174}.route-arrival{animation:route-assemble .9s var(--ease) both;transform-origin:50%;transform-box:fill-box}.route-orbit{transform-origin:300px 300px;animation:80s linear infinite orbit-turn}.route-line{stroke:var(--ink);stroke-width:.65px;opacity:.3;fill:none;transition:opacity .3s}.study:hover .route-line{opacity:.5}.route-signal{stroke:var(--accent);stroke-width:1.6px;fill:none;stroke-dasharray:5 95;animation:6s linear infinite route-travel;animation-delay:calc(var(--i) * -.29s)}.route-node{fill:var(--accent);animation:4s ease-in-out infinite node-breathe;animation-delay:calc(var(--i) * -.3s)}.core-ring{fill:none;stroke:var(--accent);stroke-width:.8px;opacity:.3;transform-origin:300px 300px;animation:6s ease-in-out infinite core-breathe}.core-ring.second{stroke:var(--line);animation-delay:-3s}.sculpture-core{aspect-ratio:1;background:var(--canvas);border-radius:50%;place-items:center;width:26%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sculpture-core .brand-mark{width:80%;height:80%;animation:mark-reveal 1.2s var(--ease) .4s both}.art-coordinate{font:10px var(--mono);color:var(--muted);letter-spacing:.02em;position:absolute}.coordinate-top{top:7%;left:4%}.coordinate-bottom{animation:coordinate-arrive .5s var(--ease);bottom:7%;right:4%}.study-controls{justify-content:center;gap:4px;margin:-10px 0 28px;display:flex;position:relative}.study-controls button{min-width:72px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:10px 14px;font-size:12px;transition:color .25s;position:relative}.study-controls button:after{content:"";background:var(--accent);height:2px;transition:transform .4s var(--ease);position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.study-controls button[aria-pressed=true]{color:var(--ink)}.study-controls button[aria-pressed=true]:after{transform:scaleX(1)}.study-controls button:hover span{display:inline-block;transform:translateY(-2px)}.study-controls span{transition:transform .25s var(--ease)}.playground-section{padding-top:85px;padding-bottom:30px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}h2{letter-spacing:-.05em;font-size:clamp(28px,3vw,42px);font-weight:450;line-height:1.1}.section-index{font:11px var(--mono);color:var(--muted)}[data-reveal][data-visible=true]>.section-heading{animation:section-arrive .8s var(--ease) both}.approach{padding-top:100px;padding-bottom:96px}.approach .section-heading{margin-bottom:40px}.principle-rows{max-width:850px;margin-left:auto}.disclosure{border-top:1px solid var(--line)}.disclosure:last-child{border-bottom:1px solid var(--line)}.disclosure summary{cursor:pointer;letter-spacing:-.4px;min-height:88px;transition:padding .3s var(--ease);justify-content:space-between;align-items:center;font-size:19px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.disclosure summary:hover{padding-inline:8px}.plus{width:18px;height:18px;transition:transform .4s var(--ease);flex-shrink:0;position:relative}.plus:before,.plus:after{content:"";background:var(--ink);height:1px;position:absolute;top:8px;left:1px;right:1px}.plus:after{transition:transform .35s var(--ease);transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.disclosure-body{color:var(--muted);max-width:620px;padding:0 44px 28px 0;font-size:14px;line-height:1.8}.disclosure[open] .disclosure-body{animation:disclosure-reveal .35s var(--ease)}.footer{border-top:1px solid var(--line);align-items:center;gap:30px;min-height:140px;padding-bottom:56px;display:flex}.footer .brand{font-size:20px}.footer .brand-mark{width:31px;height:31px}.footer small{color:var(--muted);margin-left:auto;font-size:11px}.back-top{min-width:44px;min-height:44px;transition:transform .25s var(--ease);place-items:center;font-size:22px;display:grid}.back-top:hover{transform:translateY(-4px)}.motion-control{z-index:20;border:1px solid var(--line);background:var(--canvas);color:var(--muted);align-items:center;gap:10px;min-height:44px;padding:10px 14px;font-size:11px;transition:transform .2s;display:flex;position:fixed;bottom:20px;right:24px;box-shadow:0 2px 10px #24262308}.motion-control:active{transform:scale(.95)}.motion-control:disabled{opacity:1}.site[data-motion=still] *,.site[data-motion=still] :before,.site[data-motion=still] :after{animation:none!important}.site[data-motion=still] .sculpture{transform:none}.site[data-motion=still] *{transition-duration:0s!important}@keyframes header-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes title-unmask{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes action-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arrow-pass{45%{transform:translateY(38px)}46%{transform:translateY(-38px)}to{transform:translateY(0)}}@keyframes sculpture-arrive{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes calibration-turn{to{rotate:360deg}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes route-assemble{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes route-travel{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes node-breathe{50%{opacity:.25}}@keyframes core-breathe{50%{opacity:.65;transform:scale(1.035)}}@keyframes mark-reveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes coordinate-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes section-arrive{0%{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes disclosure-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (min-width:1600px){.hero{min-height:800px}}@media (max-width:900px){.hero{gap:0;min-height:570px}.header nav{gap:22px}.hero-copy{padding-bottom:0}h1{font-size:clamp(66px,10.5vw,108px)}.primary{margin-top:30px}.study-controls{gap:0}.study-controls button{min-width:64px;padding-inline:9px}.hero-baseline{margin-top:10px}.principle-rows{max-width:none}}@media (max-width:600px){.header{height:90px}.header nav{display:none}.brand{font-size:24px}.brand-mark{width:38px;height:38px}.header-action{gap:22px}.hero{grid-template-columns:1fr;min-height:0;padding-top:35px}.hero-copy{flex-direction:column;align-items:flex-start;display:flex}h1{font-size:clamp(78px,18vw,110px)}.primary{min-height:50px;margin-top:26px;font-size:13px}.action-arrow{width:50px;height:50px}.study{justify-self:center;width:100%;max-width:440px;margin-top:24px}.sculpture{margin-inline:-8px}.study-controls{margin-bottom:18px}.study-controls button{min-width:84px}.hero-baseline{min-height:65px;font-size:11px}.playground-section{padding-top:56px}.section-heading{margin-bottom:22px}.approach{padding-top:65px;padding-bottom:60px}.disclosure summary{min-height:76px;font-size:18px}.footer{flex-wrap:wrap;gap:15px;padding-top:24px;padding-bottom:80px}.footer small{flex-basis:100%;order:3;margin:0}.footer .back-top{margin-left:auto}.motion-control{bottom:16px;right:16px}.disclosure-body{padding-right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.sculpture{transform:none!important}}
