html{scroll-padding-top:115px}body{overflow-x:clip}.nav{position:sticky;top:0;z-index:30;height:86px;background:rgba(244,242,237,.94);backdrop-filter:blur(18px);border-bottom-color:#345d9d22}.nav-contact{background:var(--brand-blue);border-color:var(--brand-blue);color:white!important;transition:background .2s,box-shadow .2s}.nav-contact:hover{background:var(--brand-deep-purple);box-shadow:0 4px 20px #8950d526}.hero{position:relative;isolation:isolate;padding-top:95px;padding-bottom:30px;min-height:650px}.hero-atmosphere{position:absolute;inset:-86px -6vw -30px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 88% 28%,#8a61dc27,transparent 44%),radial-gradient(ellipse at 22% 80%,#4d9bc61c,transparent 48%)}.hero h1{position:relative;z-index:2;font-size:clamp(46px,7.2vw,100px);line-height:1.08;letter-spacing:-.065em;margin:45px 0 35px;max-width:1100px}.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero-line>span{display:block}.hero-bottom{position:relative;z-index:2;margin-top:35px}.hero-caption{margin-top:50px}.hero .eyebrow{position:relative;z-index:2}.dot{background:var(--brand-purple)}.motion-sculpture{position:absolute;right:1%;top:4px;width:210px;height:210px;z-index:-1;perspective:650px;pointer-events:none;transform:translate3d(var(--sculpture-x,0px),var(--sculpture-y,0px),0) rotate(var(--sculpture-turn,0deg));opacity:.86}.sculpture-ring{position:absolute;inset:23px;border:28px solid #8c59d5;border-radius:50%;box-shadow:inset 4px 5px 8px #ffffffb0,inset -7px -8px 12px #39266a65,8px 16px 30px #49388725;transform:rotateX(54deg) rotateY(-24deg) rotateZ(-28deg)}.ring-two{inset:45px;border-width:18px;border-color:#4b7cc3;transform:rotateX(-42deg) rotateY(52deg) rotateZ(35deg)}.sculpture-core{position:absolute;inset:80px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#e6e2ff,#a479df 42%,#345d9d 90%);box-shadow:6px 12px 25px #345d9d30}.motion-art i{background:var(--brand-purple)}.motion-art i:nth-child(2){background:#a29de0}.motion-art i:nth-child(3){background:#79abd4}.project-card .project-thumb{transition:box-shadow .3s,translate .3s}.project-card .project-thumb:hover{translate:0 -4px;box-shadow:0 14px 30px #345d9d1b}.specialty{transition:transform .35s,background .35s,border-color .35s}.specialty:hover{border-color:#8950d570;background:#ece9f2}.round-link span{transition:transform .3s,background .3s}.round-link:hover span{transform:rotate(-35deg);background:#8950d513}.filter-row button{transition:background .2s,color .2s,border-color .2s}.filter-row button.active{background:var(--brand-blue);border-color:var(--brand-blue)}.portfolio-collection{position:relative}.collection-title{max-width:850px}.contact{position:relative;background:linear-gradient(125deg,#e7e4f1,#e2eaf0)}.contact-button{background:var(--brand-blue);transition:background .2s}.contact-button:hover{background:var(--brand-deep-purple)}
@media(prefers-reduced-motion:no-preference){.motion-ready .hero-line>span{animation:title-arrive 1.05s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-line:nth-child(2)>span{animation-delay:.15s}.motion-ready .motion-sculpture .sculpture-ring{animation:sculpture-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.motion-ready .hero-bottom{animation:soft-arrive 1s .35s both}.reveal-pending{opacity:0;translate:0 25px}.reveal-in{opacity:1;translate:0 0;transition:opacity .65s ease,translate .8s cubic-bezier(.16,1,.3,1)}@keyframes title-arrive{from{transform:translateY(110%) rotate(2deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes soft-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sculpture-arrive{from{opacity:0;scale:.55}to{opacity:1;scale:1}}}
@media(max-width:700px){html{scroll-padding-top:90px}.nav{height:76px}.hero{min-height:0;padding-top:95px;padding-bottom:10px}.hero h1{font-size:clamp(39px,8.7vw,62px);margin-top:30px;letter-spacing:-.06em}.motion-sculpture{width:130px;height:130px;right:0;top:4px;opacity:.55}.sculpture-ring{inset:15px;border-width:17px}.ring-two{inset:28px;border-width:12px}.sculpture-core{inset:49px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-caption{margin-top:30px}.hero-bottom{margin-top:22px}.hero-atmosphere{inset:-76px -6vw 0}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none}.motion-sculpture{transform:none}.project-card .project-thumb:hover{translate:none}}