:root{--scroll-bg:235 235 249;--hero-scroll:0;--read-progress:0;--ambient-y:0px;--ambient-turn:0deg;--ribbon-x:0px}
body.portfolio-refresh.scroll-designed{background:rgb(var(--scroll-bg))!important;isolation:isolate;transition:background-color .45s linear}.scroll-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scroll-ambient>i{position:absolute;border-radius:50%;filter:blur(75px);opacity:.45;will-change:transform}.scroll-ambient>i:nth-child(1){width:65vw;height:65vw;min-width:600px;min-height:600px;background:radial-gradient(ellipse,#b8a3ef80,transparent 68%);right:-20%;top:-35%;transform:translateY(var(--ambient-y)) rotate(var(--ambient-turn))}.scroll-ambient>i:nth-child(2){width:65vw;height:65vw;background:radial-gradient(ellipse,#8ccef478,transparent 68%);left:-25%;top:15%;transform:translateY(calc(var(--ambient-y) * -.6))}.scroll-ambient>i:nth-child(3){width:50vw;height:50vw;background:radial-gradient(ellipse,#edb5d76e,transparent 68%);right:-15%;bottom:-20%;transform:translateY(calc(var(--ambient-y) * -.35))}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#7587b40a 1px,transparent 1px),linear-gradient(90deg,#7587b40a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#0009,transparent 70%)}
.scroll-designed header{position:sticky!important;top:0;z-index:30;background:transparent!important;transition:background .35s,box-shadow .35s,backdrop-filter .35s;border-bottom-color:transparent!important}.scroll-designed.header-scrolled header{background:#f2f3fad9!important;backdrop-filter:blur(18px);box-shadow:0 1px 0 #8b90b51c}.scroll-designed header nav a{position:relative}.scroll-designed header nav a:not(.contact-top):after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,#719de0,#a777d6);transform:scaleX(0);transform-origin:left;transition:transform .3s}.scroll-designed header nav a[aria-current]:after{transform:scaleX(1)}
.portfolio-refresh.scroll-designed .hero{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;min-height:650px;padding:80px 0 100px;overflow:visible}.scroll-designed .hero-copy{position:relative;z-index:3}.scroll-designed .hero h1{font-size:clamp(36px,4.2vw,54px);letter-spacing:-1.5px}.scroll-designed .hero .intro{font-size:15px;max-width:510px}.hero-montage{position:relative;height:440px;perspective:1000px;pointer-events:auto;transform:translate(var(--montage-x,0px),var(--montage-y,0px));transition:transform .5s ease-out}.montage-halo{position:absolute;inset:0;background:conic-gradient(from 30deg,#b29ae86b,#93d5e57a,#ecc0dc70,#b29ae86b);border-radius:50%;filter:blur(48px);transform:scale(.9)}.montage-orbit{position:absolute;inset:20px -5px;border:1px solid #9a87cb50;border-radius:50%;transform:rotate(-28deg) scaleY(.85)}.montage-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid #9caee028;border-radius:50%}.montage-card{position:absolute;overflow:hidden;border:6px solid #ffffffdb;border-radius:17px;box-shadow:0 25px 65px #5d57812b;will-change:transform;transition:box-shadow .4s}.montage-card img{width:100%;height:100%;object-fit:cover;display:block}.montage-one{width:205px;height:280px;left:25%;top:15%;z-index:3;transform:translateY(calc(var(--hero-scroll)*-75px)) rotate(calc(-8deg + var(--hero-scroll)*11deg))}.montage-two{width:175px;height:230px;right:-3%;top:3%;z-index:1;transform:translateY(calc(var(--hero-scroll)*45px)) rotate(calc(12deg - var(--hero-scroll)*16deg))}.montage-three{width:170px;height:220px;left:-2%;bottom:0;z-index:4;transform:translateY(calc(var(--hero-scroll)*-130px)) rotate(calc(-17deg + var(--hero-scroll)*8deg))}.montage-spark{position:absolute;width:18px;height:18px;background:linear-gradient(130deg,#8dace8,#b18acf);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.spark-one{right:5%;bottom:13%;width:36px;height:36px;transform:rotate(calc(var(--hero-scroll)*90deg))}.spark-two{left:8%;top:8%}
.scroll-ribbon{width:calc(100% + 120px);margin:-15px -60px 35px;overflow:hidden;transform:rotate(-2deg);border-block:1px solid #a394c62c;background:linear-gradient(100deg,#d9e5f3b0,#e6d9f4b0,#f0dbeab0);padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.scroll-ribbon>div{display:flex;align-items:center;gap:44px;white-space:nowrap;width:max-content;font-size:24px;letter-spacing:3px;color:#727c9a;transform:translateX(var(--ribbon-x));will-change:transform}.scroll-ribbon i{font-size:20px;color:#b49ac8;font-style:normal}
.reading-line{position:fixed;top:0;left:0;right:0;height:3px;z-index:50;background:linear-gradient(90deg,#7b9eee,#b08ce3,#dca5cc,#83cace);transform-origin:left;transform:scaleX(var(--read-progress));pointer-events:none}.chapter-rail{position:fixed;right:19px;top:50%;transform:translateY(-50%);z-index:25;display:grid;gap:15px}.chapter-rail a{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:20px;min-height:20px}.chapter-rail i{display:block;width:6px;height:6px;border:1px solid #9ba3bd;border-radius:50%;transition:transform .3s,background .3s}.chapter-rail a[aria-current] i{background:#9474bd;border-color:#9474bd;transform:scale(1.7)}.chapter-rail span{position:absolute;right:25px;font-size:10px;white-space:nowrap;padding:4px 9px;background:#f8f9fbe6;border:1px solid #d9deec;border-radius:5px;opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1;transform:translateX(0)}.scroll-motion-toggle{position:fixed;bottom:22px;left:22px;z-index:25;width:36px;height:36px;display:grid;place-items:center;color:#8a79a4;background:#f9faffb8;backdrop-filter:blur(10px);border:1px solid #d2cbe3;border-radius:50%;transition:background .2s}.scroll-motion-toggle:hover{background:white}
.scroll-designed .section-head h2{position:relative;padding-left:18px}.scroll-designed .section-head h2:before{content:'';position:absolute;left:0;top:12%;height:76%;width:3px;border-radius:4px;background:linear-gradient(#83abe4,#b091cf,#d1a2c9)}.scroll-designed .section{border-top-color:#a5a7c22c}.scroll-designed .eval-compare-card,.scroll-designed .visual-work{position:relative;transition:box-shadow .35s,border-color .35s,translate .35s}.scroll-designed .eval-compare-card:hover,.scroll-designed .visual-work:hover{box-shadow:0 18px 40px #7472941c;border-color:#b5a1d0;translate:0 -5px}.scroll-designed .visual-work:after,.scroll-designed .eval-compare-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--shine-x,-400px) var(--shine-y,-400px),#b59eea13,transparent 75%)}.scroll-designed .visual-work-image img{transition:transform .7s cubic-bezier(.2,.7,.3,1)}.scroll-designed .visual-work:hover img{transform:scale(1.035)}.scroll-designed .contact{background:linear-gradient(115deg,#dce7f5e6,#e5dff2e6,#f0e0efe6)!important;box-shadow:0 20px 60px #817aab0d}
.scroll-designed.scroll-motion-on [data-scroll-reveal]{opacity:0;translate:0 24px;filter:blur(3px);transition:opacity .75s ease,translate .75s cubic-bezier(.16,1,.3,1),filter .75s ease;transition-delay:var(--entry-delay,0ms)}.scroll-designed.scroll-motion-on [data-scroll-reveal].scroll-arrived{opacity:1;translate:0 0;filter:blur(0)}.scroll-designed:not(.scroll-motion-on) [data-scroll-reveal]{opacity:1;translate:none;filter:none}.scroll-designed:not(.scroll-motion-on) .hero-montage{transform:none}.scroll-designed:not(.scroll-motion-on) .montage-card{will-change:auto}
@media(max-width:1100px){.chapter-rail{right:7px}.portfolio-refresh.scroll-designed .hero{gap:0}.hero-montage{transform:scale(.88);transform-origin:center}.montage-two{right:0}.scroll-designed .hero h1{font-size:40px}}
@media(max-width:760px){.portfolio-refresh.scroll-designed .hero{grid-template-columns:1fr;min-height:0;padding:60px 0 40px}.scroll-designed .hero .intro{font-size:13px}.hero-montage{height:320px;max-width:360px;width:100%;margin:0 auto;transform:scale(.9)}.montage-one{height:230px;width:170px;top:5%;left:28%}.montage-two{height:190px;width:145px;top:0;right:-1%}.montage-three{height:180px;width:140px;left:0;bottom:0}.scroll-ribbon{margin:0 -35px 20px;width:calc(100% + 70px);padding:12px 0}.scroll-ribbon>div{font-size:18px;gap:28px}.chapter-rail{display:none}.scroll-motion-toggle{left:12px;bottom:12px;width:30px;height:30px}.scroll-designed .section-head h2{padding-left:13px}.scroll-designed .hero h1{font-size:34px}.scroll-ambient>i{filter:blur(50px)}.scroll-designed.scroll-motion-on [data-scroll-reveal]{filter:none;translate:0 16px}}
@media(prefers-reduced-motion:reduce){.scroll-designed *{scroll-behavior:auto!important}.scroll-designed [data-scroll-reveal]{opacity:1!important;translate:none!important;filter:none!important}.montage-card,.hero-montage,.scroll-ribbon>div,.scroll-ambient>i{transform:none!important;will-change:auto}.scroll-designed header,.scroll-designed .visual-work,.scroll-designed .eval-compare-card{transition:none}.scroll-designed .visual-work:hover,.scroll-designed .eval-compare-card:hover{translate:none}}