/* Motion and depth, using the supplied Smithey Lab identity. */
.site-header{height:94px}.hero-stage{position:relative;isolation:isolate;background:#06142e;color:#f3f8ff;overflow:hidden}.hero-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06142ee6,transparent 75%),linear-gradient(0deg,#06142e,transparent 35%);pointer-events:none}#constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.65;pointer-events:none}.aurora{position:absolute;z-index:-3;width:70%;height:75%;left:40%;top:5%;background:radial-gradient(ellipse at 70% 65%,#00c6b85e,transparent 55%),radial-gradient(ellipse at 25% 35%,#1759dfb0,transparent 60%);filter:blur(45px);animation:aurora-drift 14s ease-in-out infinite alternate;pointer-events:none}.hero{padding-top:84px;min-height:745px;gap:30px}.hero-copy{z-index:2}.hero h1{font-size:clamp(70px,7.8vw,116px);letter-spacing:-5px}.hero h1 em{background-image:linear-gradient(100deg,#5c8fff 8%,#14e0ca 50%,#8cbcff 90%);background-size:200% 100%;animation:gradient-flow 8s ease infinite}.hero-copy>p{color:#b1c4de;font-size:18px}.hero .eyebrow{color:#b7cceb}.hero .crosshair{color:#35d8d0;animation:cross-turn 16s linear infinite}.hero .button-primary{background:linear-gradient(115deg,#1b62ed,#087f99);box-shadow:0 8px 30px #1975e14d;border:1px solid #6ebff255;border-radius:9px}.button{position:relative;overflow:hidden}.button:before{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff35 50%,transparent 60%);transform:translateX(-85%);transition:transform .65s;pointer-events:none}.button:hover:before{transform:translateX(85%)}.button:hover span{transform:translate(3px,-3px)}.button span{transition:transform .25s}.hero-art{perspective:1000px;align-items:center;justify-content:center;margin:0 0 55px;min-height:470px}.logo-platform{position:relative;width:88%;aspect-ratio:1;max-width:470px;border-radius:30px;transform:rotate(-7deg);background:#f8faff;box-shadow:0 35px 90px #0008,0 0 70px #1b83ff2e,inset 0 0 0 1px #fff8;will-change:transform;transition:transform .4s ease,box-shadow .4s;animation:platform-enter 1.1s cubic-bezier(.16,1,.3,1) both}.logo-platform .sculpture{width:100%;height:100%;max-height:none;left:0;border-radius:30px;display:block;mix-blend-mode:normal;animation:none;object-fit:contain}.platform-edge{position:absolute;inset:0;border-radius:30px;border:1px solid #fff8;box-shadow:inset 0 -5px 0 #bbd8ed;pointer-events:none}.logo-platform:after{content:'';position:absolute;inset:0;border-radius:30px;background:linear-gradient(125deg,transparent 20%,#ffffff50 45%,transparent 70%);opacity:.25;pointer-events:none}.orbit{position:absolute;border:1px solid #3c93c945;border-radius:50%;pointer-events:none}.orbit-one{width:112%;aspect-ratio:1;transform:rotate(-28deg) scaleY(.6);border-top-color:#46d5d799}.orbit-two{width:118%;aspect-ratio:1;transform:rotate(40deg) scaleY(.66);border-bottom-color:#4087f799}.orbit-one:before,.orbit-two:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#38ddd0;box-shadow:0 0 20px #38ddd0;top:15%;left:13%}.orbit-two:before{background:#6497ff;left:auto;right:13%;top:auto;bottom:15%}.hero .art-coordinate{color:#91a9c9;z-index:3;font-size:11px}.hero .top-coordinate{top:0;right:12px}.hero .bottom-coordinate{bottom:0;left:0}.hero-bottom{color:#a4b9d4}.hero-bottom a span{color:#36dcd0}.work-section{padding-top:95px}.section-heading h2 span{background:linear-gradient(95deg,#1759df,#008e91);color:transparent;background-clip:text}.project-grid{gap:30px;perspective:1200px}.project-card{border:1px solid #cddcf0;border-radius:20px;padding:12px 12px 24px;background:#ffffffb8;box-shadow:0 5px 20px #103a7305;transition:box-shadow .35s,border-color .35s,transform .35s;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-within{border-color:#669edc;box-shadow:0 22px 50px #12428218;transform:translateY(-6px)}.project-visual{height:280px;border-radius:12px;border:0;isolation:isolate}.project-visual:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#ffffffdd,transparent 60%);opacity:0;transition:opacity .35s}.project-visual:hover:after{opacity:1}.project-glyph{font-size:110px;position:relative;text-shadow:0 8px 30px #1b61c824;transition:transform .45s cubic-bezier(.2,.8,.2,1),letter-spacing .45s}.project-visual:hover .project-glyph{transform:translateY(-7px) scale(1.13);letter-spacing:-3px}.project-title-row,.project-card>p,.project-actions{margin-left:12px;margin-right:12px}.project-card>p{max-width:none}.project-actions{padding-top:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.project-details{appearance:none;border:0;background:#e9f1fc;color:#13449b;font:600 14px var(--sans);padding:11px 14px;border-radius:7px;cursor:pointer;transition:background .2s,color .2s}.project-details:hover{background:#1759df;color:white}.project-arrow{width:39px;height:39px}.project-visual:hover .project-arrow{transform:rotate(45deg)}.project-arrow{transition:transform .3s,background .3s}.project-card .project-meta{font-size:11px}.lab-section{background:radial-gradient(ellipse at 5% 100%,#143a7799,transparent 55%),radial-gradient(ellipse at 100% 0,#008a8a35,transparent 50%),#07172f;padding:105px 0}.lab-section:before{content:'';height:2px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,transparent,#1a74ec,#27d8c4,transparent)}.external-links a{transition:padding .25s,color .25s,background .25s}.external-links a:hover{padding-left:18px;padding-right:16px;background:#e8f2ff}.external-links a b{font-size:28px;font-weight:400;transition:transform .3s}.external-links a:hover b{transform:translate(4px,-4px)}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:20;display:flex;align-items:center;gap:8px;border:1px solid #a0bce855;border-radius:30px;padding:10px 15px;font:500 12px var(--sans);color:#233f68;background:#f8fbfff0;backdrop-filter:blur(10px);box-shadow:0 3px 20px #091a3515;cursor:pointer}.motion-toggle>span:first-child{font-size:19px;line-height:1}.motion-toggle[aria-pressed=true]>span:first-child{animation:cross-turn 10s linear infinite}.reveal-pending{opacity:.01;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-pending.is-visible{opacity:1;transform:none}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;border:1px solid #b8cfec;border-radius:22px;padding:0;background:#f8faff;color:#091a35;box-shadow:0 35px 120px #0005}dialog::backdrop{background:#04142fcc;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-enter .25s ease-out}.dialog-content{position:relative;padding:46px}.dialog-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #c4d5ec;border-radius:50%;background:transparent;font-size:17px;cursor:pointer;color:#1f426b}.dialog-close:hover{background:#e3edfc}#dialog-category{color:#1759df;padding-right:25px;font-size:11px}#dialog-title{font-size:44px;margin:28px 0 18px;overflow-wrap:anywhere}#dialog-description{color:#53657e}#dialog-features{list-style:none;padding:0;margin:24px 0 32px}#dialog-features li{border-top:1px solid #d6e1ef;padding:14px 0;display:flex;gap:13px;font-size:16px;line-height:1.5}#dialog-features li:before{content:'↗';color:#128c9c}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .logo-platform{transform:rotate(-7deg)!important}.motion-paused .reveal-pending{opacity:1;transform:none;transition:none}
@keyframes aurora-drift{to{transform:translate(-8%,8%) scale(1.2)}}@keyframes gradient-flow{50%{background-position:100% 0}}@keyframes cross-turn{to{transform:rotate(360deg)}}@keyframes platform-enter{from{opacity:0;transform:translateY(40px) rotate(0deg)}to{opacity:1;transform:rotate(-7deg)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{gap:15px;min-height:680px}.hero h1{font-size:76px}.hero-art{min-height:400px}.logo-platform{width:87%;border-radius:22px}.logo-platform .sculpture,.platform-edge,.logo-platform:after{border-radius:22px}.hero .top-coordinate{font-size:9px}.hero .bottom-coordinate{font-size:9px}.project-visual{height:240px}}
@media(max-width:700px){.site-header{height:80px}.hero{padding-top:48px;gap:0}.hero h1{font-size:clamp(54px,13.5vw,90px);letter-spacing:-3px}.hero-copy>p{font-size:16px}.hero-art{min-height:350px;height:380px;margin:35px 0 0}.logo-platform{width:72%;max-width:280px}.hero .top-coordinate{top:0;font-size:9px;left:0;right:auto}.hero .bottom-coordinate{bottom:0;font-size:9px}.orbit-one{width:95%}.orbit-two{width:95%}.hero-bottom{padding:28px 0}.work-section{padding-top:60px}.project-card{padding:9px 9px 22px;border-radius:16px}.project-grid{gap:24px}.project-visual{height:240px}.project-title-row{align-items:start;gap:10px}.project-title-row h3{font-size:24px}.project-meta{max-width:100px}.project-actions{gap:12px}.lab-section{padding:65px 0}.motion-toggle{bottom:12px;right:12px;padding:8px 12px;font-size:11px}.dialog-content{padding:40px 25px 28px}#dialog-title{font-size:36px}footer{padding-bottom:75px}.aurora{width:120%;height:75%;left:5%;top:15%;filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.logo-platform{transform:rotate(-7deg)!important}}
.logo-platform{animation-fill-mode:backwards}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}
@media(min-width:701px){.hero .top-coordinate{top:-28px}.hero .bottom-coordinate{bottom:-28px}}