/* Reference-inspired chrome / holographic theme. Layout and content stay in style.css. */
:root{color-scheme:dark;--ivory:#070910;--ink:#f2f0fa;--lime:#b6a1ff;--lavender:#7463a9;--line:#d5d0ff25;--muted:#b1b1c7;--glass:linear-gradient(135deg,#c5c2ef10,#8182bb06 55%,#ad80f213);--chrome:linear-gradient(174deg,#ffffff 2%,#d8dbe9 27%,#9298b5 45%,#fafbff 50%,#b9b5d9 66%,#f8f6ff 95%)}
body{background:#070910;background-image:radial-gradient(ellipse at 100% 0,#28204f36,transparent 27%),radial-gradient(ellipse at 0 48%,#17264325,transparent 32%);color:var(--ink)}
::selection{background:#9f81ed66;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#bcacff}
.header{background:linear-gradient(100deg,#11132199,#19152e70);border-color:#d9d5ff28;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{color:#eceaf6}.brand svg{color:#c8baff}.header nav a{color:#bfc0d4}.header nav a[aria-current],.header nav a:hover{color:#fff;border-color:#b4a0ff}
.header-cta{color:#eee8ff;border-color:#c0b1f755;background:linear-gradient(145deg,#e0d6ff16,#6d55b016);box-shadow:inset 0 1px 0 #ffffff1c}
.menu-toggle{color:#e4ddfa}.hero{isolation:isolate;background:radial-gradient(ellipse at 80% 57%,#6e40b326,transparent 44%),radial-gradient(ellipse at 30% 0,#25305816,transparent 55%)}
.hero-grid{opacity:.65;background-image:linear-gradient(#aea1ff0b 1px,transparent 1px),linear-gradient(90deg,#aea1ff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero h1,.page-intro h1,.case-title-row h1{color:#ececf9;background:var(--chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 35px #b9a3ff0b}
.hero h1 em,.page-intro h1 em{background:linear-gradient(110deg,#eae8ff 10%,#c5b0ff 49%,#a7bceb 80%,#e4c3e3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{color:#bbbcd0}.eyebrow{color:#b3a9cf}.status-dot{background:#c1adff;box-shadow:0 0 10px #b08cff80}.hero .paper,.hero-project-preview,.hero .registration{display:none}
.hero-note,.hero-index{color:#9294ad}.pause{color:#c1badb;z-index:4;border-radius:30px;background:#141322b3;border:1px solid #b9a3ff2b;backdrop-filter:blur(12px)}
.button,.button.dark{color:#171122;border-color:#ddd5ff80;background:linear-gradient(120deg,#e7e4f7,#cbb5f4 58%,#adbfea);box-shadow:inset 0 1px 0 #fff9,0 5px 22px #6752a01a}
.button:hover,.button.dark:hover{color:#0b0713;background:linear-gradient(120deg,#faf7ff,#d5c1fb 58%,#c4d1f6);box-shadow:0 8px 25px #8060d336}
.button.outline{color:#e7e3f7;border-color:#b6b1d04d;background:linear-gradient(135deg,#a7a3d310,#17172666);box-shadow:inset 0 1px 0 #fff1;backdrop-filter:blur(12px)}
.service-strip{background:linear-gradient(90deg,#111326,#211835 50%,#101421);color:#d0cde2;border-block:1px solid #d5c5ff24}.service-strip span:nth-child(even){color:#baa4fa;text-shadow:0 0 16px #c8b7ff66}
.section{border-color:var(--line)}.text-link{color:#ddd3ff;border-color:#b09bd16b}.project-open{background:#121323dc;color:#e5dcff;border:1px solid #dad0ff4a;backdrop-filter:blur(16px)}
.project-image,.case-hero img,.case-figure img,.work-feature-image,.next-project img{border:1px solid #d6ceff26;box-shadow:0 12px 35px #0003}.project-caption>span{color:#b39df8}.service-list a:hover h3{color:#c3b3f6}
.price{background:var(--glass);border-color:#c6b9ff35;box-shadow:inset 0 1px 0 #ffffff0f,0 15px 45px #0002;backdrop-filter:blur(16px)}
.price.lime{background:radial-gradient(ellipse at 100% 0,#a071de32,transparent 65%),linear-gradient(125deg,#181c32,#21152f);border-color:#ba9fe56b}.lime p{color:#bfbbd4}.price ul{color:#d7d4e4}.price strong{color:#efe9ff}
.final-cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 0,#9c72d547,transparent 55%),radial-gradient(ellipse at 95% 100%,#436eab47,transparent 55%),linear-gradient(140deg,#16142a,#131526);border:1px solid #bfacf14a;box-shadow:inset 0 1px 0 #e1d8ff1a,0 30px 70px #0004}
.final-cta::after{content:'✧';position:absolute;font:100px/1 Georgia;color:#ddd7ff45;right:6%;top:30px;pointer-events:none}.final-cta h2{color:#ece7ff}.final-cta .eyebrow{color:#c2b1df}
#testimonials .review-card{background:linear-gradient(135deg,#1b1b2d,#10121f);border-color:#b1a1d536;box-shadow:inset 0 1px 0 #ffffff0b;backdrop-filter:blur(16px)}
#testimonials .review-card:first-child{background:radial-gradient(ellipse at 0 0,#8864b72b,transparent 90%),linear-gradient(135deg,#292038,#171725);border-color:#bda8e34d}
#testimonials .review-quote-mark{color:#b5a0e9}#testimonials figcaption{border-color:#d3c4ff26}.review-initial{color:#cdc2eb;border-color:#ba9de849;background:#b4a0e50b}
.dribbble-feature{background:radial-gradient(ellipse at 0 100%,#7450a22b,transparent 65%),#121320;border:1px solid #b7a2e336}.dribbble-symbol{color:#c0aaee}
.founder-art{color:#ddd5ff;background:radial-gradient(ellipse at 10% 0,#9575c73b,transparent 60%),linear-gradient(135deg,#1c1d35,#161322);border:1px solid #b2a1e54a}.project-tags span:first-child{color:#e4d8ff;background:#6f529b38;border-color:#be9ff04a}
input,textarea{background:#11132199;border-color:#b7b0d43b;color:#f0ecff}input::placeholder,textarea::placeholder{color:#9090aa}.radio input{accent-color:#b6a1ff}.text-button{color:#d0c1f3}.skip{background:#b6a1ff;color:#090912}.prose a{color:#cdbcf8}.footer-portfolio{color:#c6b4f0}
/* Lightweight decorative sculpture, glass and wireframe in the existing hero. */
.holo-scene{position:absolute;right:1.5%;top:180px;width:440px;height:440px;z-index:1;pointer-events:none;contain:layout style}
.liquid-chrome{position:absolute;inset:-60px -30px auto auto;width:440px;height:440px;animation:chrome-drift 12s ease-in-out infinite;will-change:transform}
.holo-haze{position:absolute;width:310px;height:310px;top:50px;right:30px;border-radius:50%;background:radial-gradient(ellipse,#7752ad27,transparent 68%);animation:haze-breathe 10s ease-in-out infinite}
.wireframe-orbit{position:absolute;width:270px;height:270px;right:-45px;top:120px;transform:rotate(-27deg);opacity:.43;color:#938abf;animation:orbit-drift 20s ease-in-out infinite}
.wireframe-orbit svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.65}
.spectral-card{position:absolute;right:48px;bottom:2px;width:260px;padding:20px 22px;background:linear-gradient(135deg,#e0d9ff1c,#22293b91 45%,#7b4faf24);border:1px solid #d5c8fb61;border-radius:19px;box-shadow:inset 0 1px 0 #ffffff25,0 20px 50px #0005;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:rotate(-7deg);animation:glass-drift 11s ease-in-out infinite}
.glass-dots{display:flex;gap:5px}.glass-dots i{width:4px;height:4px;border-radius:50%;background:#dcd4f4;opacity:.7}.spectral-card small{display:block;font-size:8px;letter-spacing:1.6px;color:#c6bde5;margin:18px 0 7px}.spectral-card b{display:block;font-size:15px;font-weight:400;letter-spacing:1.2px;line-height:1.2;color:#e8e4f5}.oscillator{height:35px;display:flex;align-items:center;justify-content:space-between;gap:4px;margin:17px 0 10px;padding:0 3px}
.oscillator i{height:var(--h);width:3px;border-radius:3px;background:linear-gradient(#e6dafa,#af8fe6,#788fe1);animation:oscillate 2.5s ease-in-out infinite;animation-delay:var(--d);transform-origin:center;box-shadow:0 0 8px #b8a4fb22}
.spectral-card footer{padding:10px 0 0;border-top:1px solid #ccc1ef30;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.2px;color:#bfb6d4}.spectral-card footer span:last-child{color:#e6dcff;font-size:19px;line-height:.7}
.lens-star{position:absolute;right:25px;top:10px;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 10px 3px #d8cfff55,0 0 28px 7px #a789f52b;animation:star-pulse 6s ease-in-out infinite}.lens-star::before,.lens-star::after{content:'';position:absolute;inset:-24px 2px;background:linear-gradient(transparent,#eae4ff,transparent);width:1px}.lens-star::after{transform:rotate(90deg)}
.pixel-spark{position:absolute;top:110px;right:330px;color:#a99ad4;font-size:16px;letter-spacing:2px;line-height:.75;opacity:.6}.holo-scene .pixel-spark:last-child{top:320px;right:2px;font-size:12px;opacity:.4}
.paused .holo-scene *{animation-play-state:paused!important}
@keyframes chrome-drift{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(5px,-13px) rotate(3deg)}}
@keyframes glass-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(-4deg)}}
@keyframes orbit-drift{50%{transform:translateY(10px) rotate(-8deg)}}@keyframes haze-breathe{50%{opacity:.45;transform:scale(1.08)}}@keyframes star-pulse{50%{opacity:.4;transform:scale(.7)}}@keyframes oscillate{0%,100%{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1100px){.holo-scene{width:360px;height:400px;right:-20px;top:190px}.liquid-chrome{width:380px;height:380px;right:-20px;top:-20px}.spectral-card{right:40px;width:235px;bottom:0}.wireframe-orbit{right:-25px;width:240px;height:240px}.pixel-spark{right:300px}}
@media(max-width:760px){.holo-scene{top:auto;bottom:33px;right:4%;width:275px;height:245px}.liquid-chrome{width:285px;height:285px;top:-50px;right:-25px}.spectral-card{right:20px;bottom:0;width:185px;padding:13px 16px;border-radius:14px}.spectral-card small{font-size:6px;margin:12px 0 5px}.spectral-card b{font-size:11px}.glass-dots i{width:3px;height:3px}.oscillator{height:27px;margin:10px 0 7px;gap:3px}.oscillator i{width:2px;max-height:25px}.spectral-card footer{font-size:5px;padding-top:7px}.wireframe-orbit{width:150px;height:150px;right:155px;top:65px}.lens-star{right:8px;top:5px}.pixel-spark{right:245px;top:20px}.holo-scene .pixel-spark:last-child{top:190px}.holo-haze{width:220px;height:220px;top:0;right:0}.hero-note{max-width:280px!important}.final-cta::after{font-size:70px;right:3%;top:15px;opacity:.5}.header.menu-open nav{background:#12132380}.hero .pause{bottom:7px}.price,.review-card{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.holo-scene *{animation:none!important;will-change:auto}.hero-content{animation:none!important}.liquid-chrome{transform:rotate(-3deg)}}

/* Chrome continuity across the page: the existing section composition stays intact. */
.continuity-section{position:relative;isolation:isolate}.continuity-section>.section-heading,.continuity-section>h2,.continuity-section>.eyebrow,.continuity-section>.projects,.continuity-section>.process,.continuity-section>.pricing-grid,.continuity-section>.review-grid{position:relative;z-index:1}
.section-sigil{position:absolute;top:38px;right:4%;width:180px;height:130px;pointer-events:none;z-index:0;opacity:.83;animation:sigil-float 13s ease-in-out infinite}.section-sigil img{width:100%;height:100%;object-fit:contain}.continuity-work .section-sigil{right:24%;top:58px;width:160px}.continuity-services .section-sigil{top:auto;bottom:45px;right:52%;width:170px;height:125px;opacity:.65}.continuity-process .section-sigil{right:8%;top:48px;width:175px}.continuity-pricing .section-sigil{top:30px;right:33%;width:155px;opacity:.7}
.continuity-work::after,.continuity-pricing::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 86% 8%,#8d65bc10,transparent 48%)}
.continuity-services::after{content:'';position:absolute;right:49%;top:95px;bottom:95px;width:1px;background:linear-gradient(transparent,#c5b1ff40,transparent);pointer-events:none}
.process article{position:relative;border-image:linear-gradient(90deg,#a2a9d446,#c5a8e27a,#849acb20) 1}.process article>span{color:#c5b3e8}.process article>span::after{content:'';display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,#aa91d7,transparent);vertical-align:middle;margin-left:12px}
.price{position:relative;overflow:hidden}.price::before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#cdb9f3,#a1cae3,transparent);opacity:.7;pointer-events:none}
#testimonials .review-quote-mark{background:linear-gradient(155deg,#f0e9ff,#9783bd 50%,#c0caef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.continuity-feedback::before{content:'✧';position:absolute;right:32%;top:48px;font:76px/1 Georgia;color:#bca6eb66;text-shadow:0 0 22px #9b80d72b;pointer-events:none}
.service-list a{border-image:linear-gradient(90deg,#d5d0ff12,#bba2df4d,#b7c9e92b) 1}.service-list a>span{color:#c1b0e6}.services-grid article{border-image:linear-gradient(90deg,#b1b8e933,#c9a9e478,transparent) 1}
.work-feature-caption h2 a:hover,.next-project h2 a:hover{color:#c7b2f3}.case-figure figcaption span{color:#b8a8d8}
.final-cta::before{content:'';position:absolute;width:220px;height:220px;left:-35px;bottom:-80px;background:url('chrome-orbit.svg') center/contain no-repeat;opacity:.36;pointer-events:none;transform:rotate(-16deg)}
.paused .section-sigil{animation-play-state:paused}
@keyframes sigil-float{50%{transform:translateY(-8px) rotate(5deg)}}
@media(max-width:1100px){.continuity-work .section-sigil{right:21%;width:130px;opacity:.6}.continuity-pricing .section-sigil{right:31%;width:120px}.continuity-process .section-sigil{right:4%;width:145px}}
@media(max-width:760px){.section-sigil{width:100px!important;height:80px!important;top:15px!important;right:3%!important;opacity:.55!important}.continuity-work .section-sigil{top:40px!important;right:3%!important;width:90px!important;opacity:.5!important}.continuity-work .section-heading{padding-right:15px}.continuity-services .section-sigil{top:auto!important;bottom:20px!important;right:8%!important;width:95px!important;opacity:.4!important}.continuity-process .section-sigil{top:0!important;right:5%!important}.continuity-pricing .section-sigil{right:5%!important;top:15px!important;width:85px!important}.continuity-services::after{display:none}.continuity-feedback::before{font-size:45px;right:6%;top:20px;opacity:.6}.final-cta::before{width:150px;height:150px;bottom:-55px;left:-45px}}
@media(prefers-reduced-motion:reduce){.section-sigil{animation:none!important}}

@media(max-width:760px){.continuity-work .section-sigil{top:12px!important;width:80px!important;height:64px!important}}

