@charset "UTF-8";
:root{color-scheme:dark;--gold:#d2a77d;--cream:#f3e4cf;--muted:#b3a99b;--hair:rgba(218,183,139,.22);font-family:Arial,Helvetica,sans-serif;background:#080807;color:var(--cream)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080807}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f6d1a2;outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#experience{position:relative;min-height:760px;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 42%,#2c2117 0,#15120e 34%,#070807 73%)}.architecture{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.architecture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070807 0%,#080807bd 24%,transparent 65%),radial-gradient(ellipse at 65% 50%,transparent 20%,#0009 100%)}.arch{position:absolute;left:40%;width:51%;height:120%;top:8%;border:2px solid #af87542b;border-radius:48% 48% 0 0;box-shadow:inset 0 0 0 12px #08080790,0 0 22px #c29e5e0a,inset 0 0 0 15px #8f6f3e1c}.a2{left:44%;width:43%;top:15%;border-color:#d2a66638}.a3{left:48%;width:35%;top:23%;border-color:#a9845630}.column{position:absolute;width:6%;height:105%;top:0;background:linear-gradient(90deg,#000,#211a11 19%,#50412d55 25%,#1c1912 36%,#000 65%,#78603d22 84%,#000);box-shadow:0 0 22px #000;opacity:.6}.c1{left:33%;transform:rotate(6deg)}.c2{right:0;transform:rotate(-6deg)}.beam{position:absolute;top:-25%;width:28%;height:150%;left:47%;transform:rotate(15deg);filter:blur(20px);background:linear-gradient(90deg,transparent,#e5c1950d,transparent);mix-blend-mode:screen}.b2{left:65%;transform:rotate(-20deg);opacity:.5}.floor{position:absolute;bottom:-15%;left:0;right:0;height:30%;background:repeating-linear-gradient(0deg,transparent 0 23px,#c59a5926 24px 25px,transparent 26px 50px);transform:perspective(300px) rotateX(58deg);box-shadow:0 -1px 25px #b8904922}.pedestal{position:absolute;width:43%;height:12%;bottom:7%;left:45%;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#a1835633,transparent 50%),linear-gradient(175deg,#342e24,#0b0b09 23%,#030402 72%,#423224);border-top:2px solid #b9956055;box-shadow:0 -10px 45px #bf8e3d0d,0 24px 0 -8px #080907,0 25px 0 -8px #80653c50}.pedestal:before{content:"";position:absolute;inset:10% 6% 45%;border:1px solid #b3895038;border-radius:50%}header{height:91px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:relative;z-index:6;gap:16px}.wordmark{font-family:Georgia,serif;font-size:11px;letter-spacing:.2em;line-height:1.8}.wordmark span{padding:0 16px;color:var(--gold)}.skip{font-size:10px;letter-spacing:.14em;white-space:nowrap}.skip span{margin-left:17px;font-size:18px;color:var(--gold)}.presentation{height:calc(100% - 91px);position:relative;max-width:1920px;margin:0 auto}.intro-copy{position:absolute;left:6.2%;top:50%;transform:translateY(-62%);width:36%;z-index:3;transition:opacity .5s,transform .8s}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.2em;color:#bda989;font-weight:600;margin:0 0 26px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,8.1vw,154px);font-weight:400;letter-spacing:-.065em;line-height:.86;margin:0 0 27px;color:#e6d9c6;text-shadow:0 4px 40px #000}h1 em{font-style:normal;background:linear-gradient(135deg,#f5e7cc 4%,#bf8850 42%,#f1d2a2 65%,#9d6b3d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-family:Georgia,serif;font-size:18px;line-height:1.6;color:#b8aa93;margin:0 0 35px}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.cta{border:1px solid #bb9868;border-radius:2px;background:linear-gradient(120deg,#d5b17c10,#d5b17c06);min-height:52px;padding:18px 21px;font-size:10px;letter-spacing:.16em;box-shadow:inset 0 0 15px #c99b5f05;transition:background .2s,box-shadow .2s}.cta:hover{background:#b68b4f25;box-shadow:0 0 25px #c99b5f20}.cta span{font-size:17px;padding-left:26px;color:#e1bf8d}.text-link{font-size:11px;color:#baab95;letter-spacing:.07em}.text-link span{padding-left:21px;color:var(--cream)}.object-stage{position:absolute;left:38%;right:3%;top:-2%;bottom:10%;touch-action:none;outline-offset:-8px;z-index:2}#jewel{width:100%;height:100%;display:block;position:relative;cursor:grab;touch-action:none;opacity:0;transition:opacity 1.4s}#jewel:active{cursor:grabbing}body.ready #jewel{opacity:1}.fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:90%;max-width:98%;object-fit:contain;filter:drop-shadow(0 20px 28px #000);transition:opacity .7s}body.ready .fallback{opacity:0;pointer-events:none}.loading{position:absolute;bottom:8%;left:0;right:0;text-align:center;color:#ad9470;font-size:8px;letter-spacing:.24em;transition:opacity .6s}body.ready .loading{opacity:0}.view-status{position:absolute;bottom:-2%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.18em;color:#a99679;white-space:nowrap;display:flex;gap:9px;align-items:center;pointer-events:none}.status-dot{height:4px;width:4px;border-radius:50%;background:#d8bb89;box-shadow:0 0 11px #dbad6e}.gesture-hint{position:absolute;bottom:-6%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.14em;color:#726a5c;white-space:nowrap;pointer-events:none}.gesture-hint span{padding:0 8px}.toolbar{position:absolute;bottom:79px;left:6.2%;display:flex;align-items:center;flex-wrap:wrap;gap:5px;z-index:5;max-width:35%}.toolbar button{font-size:8px;letter-spacing:.1em;background:#08090799;border:1px solid #c5a17125;padding:10px 12px;min-height:36px}.toolbar button:hover{border-color:#bfa171aa;background:#53412750}.toolbar>span{width:1px;height:20px;background:var(--hair);margin:0 5px}.toolbar button#reference{border-color:transparent;padding-left:0;margin-top:4px}.toolbar #zoom-out,.toolbar #zoom-in{font-size:17px;line-height:1;min-width:36px}.inspector{position:absolute;top:5%;left:6.2%;width:30%;max-width:430px;z-index:4;background:linear-gradient(90deg,#0a0a08e0,#0a0a0840);padding:12px 20px 12px 0}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspector .eyebrow{margin:0}.icon-button{border:1px solid var(--hair);width:37px;height:37px;font:24px Georgia,serif;background:#13120e80;flex-shrink:0}.inspector h2{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1.1;letter-spacing:-.04em;margin:22px 0 14px;color:#ead8bd}.inspector #part-description{font-size:12px;line-height:1.65;color:#aca28f;min-height:59px;margin:0 0 20px}.part-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}.part-button{text-align:left;border:0;border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);background:#0c0c09a0;padding:12px 8px;font-size:9px;letter-spacing:.05em;min-height:44px;display:flex;align-items:center;gap:8px}.part-button span{font-size:8px;color:#8f7e62}.part-button[aria-pressed="true"]{background:#c4a27422;color:#ffdfad;box-shadow:inset 2px 0 #c9aa7f}.scan-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#b5a084;margin:22px 0 12px}.scan-label output{color:#f4d9b3}input[type=range]{appearance:none;width:100%;height:3px;background:#65533b;accent-color:#dfbb87;cursor:pointer;margin:8px 0 22px}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#e4c293;border:4px solid #29231a;box-shadow:0 0 0 1px #8e7957}.anatomy-actions{display:flex;gap:8px;justify-content:space-between}.anatomy-actions button{border:1px solid var(--hair);background:#e0ba7c09;padding:12px 10px;font-size:8px;letter-spacing:.08em;min-height:38px}.anatomy-actions button:hover{border-color:#cfaa77}.inspector details{font-size:9px;color:#7e776a;line-height:1.6;margin-top:18px}.inspector summary{cursor:pointer;font-size:9px;color:#9f907a}.inspector details p{margin:8px 0}body.anatomy .intro-copy{opacity:0;transform:translate(-15px,-62%);pointer-events:none}body.anatomy .toolbar{bottom:77px}.hotspot{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;background:#17130ac9;border:1px solid #b89868;border-radius:50%;color:#f8dbaf;font-size:9px;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 5px #0003;transition:opacity .4s,background .2s;z-index:3;opacity:0;pointer-events:none}.hotspot[aria-pressed=true]{background:#deb77f;color:#110f09;box-shadow:0 0 18px #dcb57e66}body.anatomy .hotspot{opacity:1;pointer-events:auto}footer{position:absolute;bottom:0;left:4.5%;right:4.5%;height:59px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#857961;font-size:8px;letter-spacing:.15em;z-index:5}.footer-center{font-family:Georgia,serif;letter-spacing:.17em;font-size:9px;color:#a49172}.footer-center i{font-style:normal;padding:0 12px}footer button{font-size:8px;letter-spacing:.1em;background:none;border:0;padding:10px 0;color:#b4a181}footer button span{padding-left:8px}.intro-line{position:absolute;bottom:0;left:0;height:1px;background:#dfc18a;width:0;box-shadow:0 0 9px #cf9b54;pointer-events:none;z-index:7}body.playing .intro-line{animation:cinematic 5s linear forwards}@keyframes cinematic{0%{width:0;opacity:.8}90%{opacity:.8}100%{width:100%;opacity:0}}dialog{color:var(--cream);border:1px solid #a4805144;background:#0f100d;padding:26px;max-width:660px;width:calc(100% - 36px);max-height:90svh;box-shadow:0 25px 120px #000}dialog::backdrop{background:#030403e8;backdrop-filter:blur(10px)}.reference-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.reference-head .eyebrow{font-size:8px;margin:0 0 12px}.reference-head h2{font:30px Georgia,serif;margin:0 0 20px}.reference-tabs{display:flex;gap:9px;margin:0 0 18px}.reference-tabs button{font-size:9px;letter-spacing:.1em;padding:12px;background:transparent;border:1px solid var(--hair)}.reference-tabs button[aria-pressed=true]{background:#cfa96c25;border-color:#cfa96c88}#reference-image{width:100%;height:55svh;object-fit:contain;display:block}.reference-caption{font-size:10px;color:#a39882;line-height:1.5}.no-webgl #jewel,.no-webgl #loading{display:none}.no-webgl .fallback{opacity:1}.no-webgl #explore{display:none}.no-webgl .toolbar button:not(#reference){display:none}.no-webgl .gesture-hint{display:none}
@media(min-width:1500px){.intro-copy{left:8%}.object-stage{right:4%;left:39%}.inspector{left:8%;top:8%}.toolbar{left:8%}}
@media(max-height:800px) and (min-width:821px){#experience{min-height:650px}.inspector{top:0;padding-top:7px}.inspector h2{font-size:32px;margin:15px 0 10px}.inspector #part-description{font-size:11px;min-height:47px;margin-bottom:13px}.part-button{min-height:38px;padding:9px 7px}.scan-label{margin-top:16px}.inspector details{margin-top:10px}.toolbar{bottom:68px}.intro-copy{transform:translateY(-63%)}.tagline{font-size:16px}.object-stage{bottom:12%;top:-5%}}
@media(max-width:1100px) and (min-width:821px){h1{font-size:82px}.intro-copy{left:4.5%;width:36%}.inspector{left:4.5%;width:35%}.object-stage{left:38%;right:0}.wordmark{font-size:9px}.toolbar{left:4.5%;max-width:39%}.cta{padding:15px;font-size:9px}.cta span{padding-left:15px}}
@media(max-width:820px){#experience{height:auto;min-height:100svh;padding-bottom:70px}.architecture{position:fixed;inset:0}.architecture:after{background:linear-gradient(0deg,#080807 0%,transparent 65%),radial-gradient(ellipse at 50% 40%,transparent,#000a)}.arch{left:6%;width:88%;top:5%}.a2{left:14%;width:72%;top:10%}.a3{left:21%;width:58%;top:15%}.c1{left:-6%}.c2{right:-6%}.beam{left:25%;width:50%}.b2{left:45%}.pedestal{left:17%;width:66%;bottom:20%;height:7%}.floor{bottom:-5%}header{height:66px;padding:0 5%;gap:12px}.wordmark{font-size:8px;letter-spacing:.1em;max-width:69%}.wordmark span{padding:0 5px}.skip{font-size:8px;letter-spacing:.08em}.skip span{margin-left:6px}.presentation{display:flex;flex-direction:column;height:auto;padding:0 5%}.intro-copy{position:relative;left:auto;top:auto;transform:none!important;width:100%;text-align:center;padding:31px 0 0;z-index:3}.intro-copy .eyebrow{font-size:8px;margin:0 0 13px}h1{font-size:clamp(62px,14vw,100px);line-height:.9;margin-bottom:12px;letter-spacing:-.065em}h1 br{display:none}h1 em{margin-left:.2em}.tagline{font-size:13px;line-height:1.55;margin:0}.tagline br{display:none}.intro-actions{gap:16px;align-items:center;margin-top:19px}.cta{padding:12px 17px;min-height:43px;font-size:8px}.cta span{padding-left:15px;font-size:14px}.text-link{font-size:10px}.object-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:clamp(380px,59svh,630px);margin-top:10px}.view-status{bottom:1%;font-size:7px}.gesture-hint{bottom:-3%;font-size:7px}.fallback{height:93%}.toolbar{position:relative;left:auto;bottom:auto;max-width:none;justify-content:center;margin:30px 5% 20px;gap:5px}.toolbar button{font-size:7px;padding:9px 10px}.toolbar button#reference{margin-top:0;padding-left:10px}.toolbar>span{margin:0 2px}.toolbar button#motion{max-width:90px}.toolbar #zoom-in,.toolbar #zoom-out{font-size:15px;min-width:32px}footer{height:55px;left:5%;right:5%;font-size:7px;letter-spacing:.08em}.footer-center{display:none}footer button{font-size:7px}.inspector{position:relative;left:auto;top:auto;width:100%;max-width:none;background:linear-gradient(0deg,#11110cf5,#0b0b08aa);padding:20px;margin-top:29px;border:1px solid var(--hair);order:2}.inspector-top .eyebrow{font-size:8px}.inspector h2{font-size:35px;margin:15px 0 10px}.inspector #part-description{min-height:0;font-size:12px;margin-bottom:19px}.part-button{min-height:44px;font-size:9px}.inspector details{font-size:10px}.scan-label{font-size:8px}.anatomy-actions button{font-size:8px;flex:1}body.anatomy .intro-copy{display:none}body.anatomy .object-stage{height:clamp(380px,53svh,530px);margin-top:15px}body.anatomy .toolbar{bottom:auto}body.anatomy .architecture .pedestal{bottom:44%}dialog{padding:19px}.reference-head h2{font-size:25px}.hotspot{width:25px;height:25px;font-size:8px}}
@media(max-width:380px){header .wordmark{font-size:7px}h1{font-size:58px}.intro-copy .eyebrow{font-size:7px}.intro-copy{padding-top:27px}.tagline{font-size:12px}.object-stage{height:390px}.toolbar{gap:3px}.toolbar button{padding:9px 7px}.toolbar button#reference{font-size:7px}.inspector{padding:16px}.part-button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.embedded header .skip{visibility:hidden}.embedded header .wordmark{padding-right:55px}

.fallback{opacity:0}.no-webgl .fallback{opacity:1}#software-jewel{animation:crest-arrive 1.4s ease both}@keyframes crest-arrive{from{opacity:0}to{opacity:1}}
