.motion-controls{display:flex;align-items:center;gap:24px}.motion-status{font-family:'Barlow Condensed',Arial,sans-serif;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;color:#688398}.motion-status>i{width:5px;height:5px;background:#7d9cae;border-radius:50%;box-shadow:0 0 8px #8eb7cd99}.motion-controls button{display:flex;align-items:center;gap:14px;font-size:10px;color:#667f91;border:1px solid #d1dbe1;border-radius:25px;padding:7px 13px;transition:background .25s,border-color .25s}.motion-controls button:hover{background:#e5edf1;border-color:#a6becd}.motion-controls button>span{font:12px Arial;color:#7693a4}.motion-paused .motion-status i{background:#aeb9c1;box-shadow:none}.hero-copy{z-index:3}.star-field{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.metal-canvas{opacity:0;transition:opacity .6s;aspect-ratio:16/9;height:auto;z-index:1}.metal-ready .metal-canvas{opacity:1}.metal-ready img.sculpture{opacity:0}.hero .sculpture{will-change:transform}.hero-footer{z-index:4}.site-header{z-index:6}.interaction-hint{font-size:7px;letter-spacing:1.7px;color:#8aa4b8;opacity:.8}.action,.nav-contact{position:relative;overflow:hidden;isolation:isolate;transition:background .3s,border-color .3s,box-shadow .35s,transform .35s cubic-bezier(.2,.8,.2,1)}.action:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),#d7eeff30,transparent 80%);opacity:0;transition:opacity .3s}.action:hover:before{opacity:1}.action:hover,.action:focus-visible{box-shadow:0 0 0 1px #aac3d033,0 8px 28px #678ba22b;transform:translateY(-2px);border-color:#9ab7ca}.action:active{transform:translateY(0);box-shadow:0 3px 14px #7598b526}.action-outline:hover{box-shadow:0 0 23px #93bddd16;background:#2433417a}.action-outline>span,.nav-contact>span{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.action-outline:hover>span,.nav-contact:hover>span{transform:translate(2px,-2px)}.nav-contact:hover{color:#f2f7fa;text-shadow:0 0 18px #cce9fc55}.site-header nav a{position:relative;transition:color .3s,text-shadow .3s;padding:9px 0}.site-header nav a:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c9e6f7,transparent);transform:scaleX(0);transition:transform .4s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.site-header nav a:hover{text-shadow:0 0 14px #b7e0ff55}.lockup{transition:filter .3s}.site-header .lockup:hover{filter:drop-shadow(0 0 9px #d5ebfc44)}.mark-comparison{perspective:1200px;gap:26px}.mark-card{--mx:50%;--my:40%;transform-style:preserve-3d;border-radius:7px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s;isolation:isolate;overflow:hidden;will-change:transform}.mark-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(400px circle at var(--mx) var(--my),#fff8,transparent 70%);opacity:0;transition:opacity .45s}.mark-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid #fff0;transition:border-color .4s,box-shadow .4s}.mark-card:hover,.mark-card:focus-visible{box-shadow:0 17px 45px #364f6617,0 2px 8px #304d6510;border-color:#9fb8c8}.mark-card:hover:before{opacity:1}.mark-card:hover:after{border-color:#d9e7efbb;box-shadow:inset 0 0 25px #e6f4ff55}.mark-card .mark-display{transition:transform .5s}.mark-card:hover .mark-display{transform:translateZ(12px)}.mark-card .mark-card-copy>span{transition:letter-spacing .3s,color .3s}.mark-card:hover .mark-card-copy>span{color:#304e65;letter-spacing:.3px}.interface-card{background:#dce5eb}.interface-preview{height:210px;display:flex;align-items:center;padding-left:18px;position:relative;isolation:isolate;overflow:hidden}.interface-preview>b{font:500 41px/.96 'Barlow Condensed',sans-serif;letter-spacing:-.4px;color:#516c82;z-index:1}.interface-orbit{position:absolute;right:19%;top:25%;width:118px;height:118px;border:1px solid #8aa4b459;border-radius:50%;transform:rotateX(38deg) rotateZ(-20deg);transition:transform .8s,border-color .5s}.interface-orbit:before,.interface-orbit:after{content:'';position:absolute;inset:13px;border:1px solid #8aa4b449;border-radius:50%}.interface-orbit:after{inset:27px}.interface-card:hover .interface-orbit{transform:rotateX(25deg) rotateZ(28deg);border-color:#789bad}.interface-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#7896ab;box-shadow:0 0 12px #9cbfd57a;z-index:2;transition:transform .7s,box-shadow .5s}.n1{right:27%;top:22%}.n2{right:18%;top:65%}.n3{right:46%;top:54%}.interface-card:hover .n1{transform:translate(8px,4px)}.interface-card:hover .n2{transform:translate(-4px,-8px);box-shadow:0 0 14px #95bdd6}.interface-card:hover .n3{transform:translate(5px,-5px)}.interface-plus{position:absolute;right:14px;bottom:32px;font:29px Arial;color:#6f8ba0;transition:transform .4s}.interface-card:hover .interface-plus{transform:translate(3px,-3px)}.type-specimen,.composition-notes article,.palette>span{position:relative;isolation:isolate;transition:background .45s,box-shadow .45s,transform .45s,border-color .45s}.type-specimen:before{content:'';position:absolute;inset:0 -16px;z-index:-1;border-radius:7px;background:radial-gradient(420px circle at var(--mx,60%) var(--my,50%),#fff8,transparent 85%);opacity:0;transition:opacity .4s}.type-specimen:hover:before{opacity:1}.type-specimen:hover{border-color:#9fb6c5}.type-meta>span,.type-meta>b{transition:color .3s}.type-specimen:hover .type-meta>span,.type-specimen:hover .type-meta>b{color:#56748b}.composition-notes article{padding:10px 13px;margin-left:-13px;border-radius:7px}.composition-notes article:hover{background:#e5ebee;transform:translateX(3px);box-shadow:0 8px 24px #526a7f08}.composition-notes article>span{transition:color .3s,text-shadow .3s}.composition-notes article:hover>span{color:#5d8fac;text-shadow:0 0 12px #a0c3d8aa}.palette>span{padding:9px;border:1px solid transparent;border-radius:7px}.palette>span:hover{background:#e4ebee;border-color:#d4e1e8;transform:translateY(-3px);box-shadow:0 8px 18px #48667e0a}.palette>span>i{transition:box-shadow .4s,transform .4s}.palette>span:hover>i{box-shadow:0 0 0 4px #92b4c818;transform:scale(1.08)}.recommendation a,.footer>a:last-child{transition:color .3s,border-color .3s}.recommendation a:hover,.footer>a:last-child:hover{color:#365b77;border-color:#527d98}.hero-eyebrow{position:relative}.hero-eyebrow:before{content:'';display:inline-block;width:3px;height:3px;background:#aacbdf;border-radius:50%;vertical-align:middle;margin-right:10px;box-shadow:0 0 10px #bbdeef77}.motion-paused .mark-card,.motion-paused .action,.motion-paused .type-specimen,.motion-paused .composition-notes article,.motion-paused .palette>span{transform:none!important}.motion-paused .interface-card:hover .interface-orbit{transform:rotateX(38deg) rotateZ(-20deg)}
@media(max-width:720px){.motion-controls{position:absolute;left:15px;right:15px;top:38px;justify-content:space-between;gap:15px}.motion-status{font-size:9px;letter-spacing:1.3px}.motion-controls button{font-size:9px;padding:5px 10px;gap:12px}.review-bar>a{font-size:8px}.interface-preview{height:195px;padding-left:10px}.interface-preview>b{font-size:38px}.interface-orbit{right:12%;width:105px;height:105px}.n1{right:27%;top:23%}.n2{right:12%;top:65%}.n3{right:40%;top:54%}.interface-plus{right:5px;font-size:26px;bottom:30px}.type-specimen:before{inset:0 -7px}.composition-notes article{padding:10px 9px;margin-left:-9px}.palette>span{padding:6px}.metal-canvas{width:800px}.interaction-hint{display:none}}
@media(max-width:370px){.metal-canvas{width:750px}.review-name{font-size:8px}}
@media(min-width:1600px){.metal-canvas{width:1400px}}
@media(min-width:721px) and (max-width:1100px){.metal-canvas{width:1160px}}
@media(hover:none){.mark-card:hover{box-shadow:none;transform:none!important}.mark-card:before,.type-specimen:before{display:none}.action:hover{transform:none}.mark-card:hover .mark-display{transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.mark-card,.action,.palette>span,.composition-notes article{transform:none!important}.star-field{opacity:.6}}
.mark-card,.action,.nav-contact,.motion-controls button{-webkit-user-select:none;user-select:none}
.metal-canvas{transition:none}