@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--bg:#0c0d12;--panel:#14161e;--panel2:#191b25;--paper:#f1efe9;--muted:#858694;--soft:#b7b5c1;--line:rgba(255,255,255,.13);--accent:#8464ff;--accent2:#b298ff;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8f7f3;font-family:var(--sans);line-height:1.45;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-frame{width:min(1240px,calc(100% - 48px));margin-inline:auto}.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:50;background:transparent}.scroll-progress span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.nav-shell{position:fixed;top:20px;left:50%;translate:-50% 0;width:min(1240px,calc(100% - 48px));z-index:40;display:flex;align-items:center;gap:22px;padding:10px 12px 10px 16px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(16,17,24,.58);backdrop-filter:blur(18px);transition:.35s ease}.nav-shell.is-scrolled{background:rgba(12,13,18,.9);border-color:rgba(178,152,255,.3);box-shadow:0 14px 40px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:88px;height:auto}.nav-links{display:flex;gap:20px;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a:focus{color:#fff}.nav-cta,.primary-cta{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#f8f7f3;color:var(--bg);font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase}.nav-cta span,.primary-cta span,.contact-cta span{color:var(--accent);font-size:16px}.menu-toggle{display:none;border:0;background:none;color:#fff;font:500 10px var(--mono);text-transform:uppercase}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 74% 42%,rgba(91,66,200,.19),transparent 24%),linear-gradient(125deg,#0c0d12 5%,#10111a 60%,#11121d)}.hero-orb{position:absolute;width:min(52vw,720px);aspect-ratio:1;border-radius:50%;right:-14vw;top:18%;background:radial-gradient(circle at 34% 30%,rgba(178,152,255,.65),rgba(112,81,236,.14) 31%,transparent 66%);filter:blur(4px);opacity:.8;animation:orb-drift 12s ease-in-out infinite alternate}.hero-gridline{position:absolute;inset:10% 6% 8%;border:1px solid rgba(255,255,255,.06);border-radius:50%;transform:rotate(-18deg) scaleX(1.25);pointer-events:none}.hero-content{position:relative;padding-top:100px}.kicker,.section-tag{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.kicker span{color:var(--accent2);margin-left:28px}.hero-title{font-size:clamp(64px,10.5vw,158px);font-weight:500;line-height:.83;letter-spacing:-.085em;max-width:980px;margin:52px 0 44px}.hero-title .line{display:block}.serif{font-family:var(--serif);font-weight:500;letter-spacing:-.065em}.accent-dot{color:var(--accent2)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:36px;max-width:810px}.hero-bottom p{max-width:330px;color:var(--soft);font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px}.primary-cta{padding:14px 18px;background:var(--accent);color:#fff}.primary-cta span{color:#fff}.quiet-link{font:500 10px var(--mono);text-transform:uppercase;color:var(--soft)}.quiet-link span{color:var(--accent2);font-size:17px;margin-left:8px}.hero-signature{position:absolute;right:2%;bottom:17%;display:flex;flex-direction:column;align-items:end;color:var(--accent2);transform:rotate(-8deg)}.hero-signature strong{font:500 clamp(70px,12vw,180px)/.75 var(--serif);letter-spacing:-.1em}.hero-signature span{font:10px var(--mono);letter-spacing:.16em;color:var(--soft);margin-top:20px}.hero-meta{position:absolute;bottom:32px;left:50%;translate:-50% 0;display:flex;justify-content:space-between;color:#6e707d;font:10px var(--mono);letter-spacing:.11em}.section-pad{padding-block:clamp(100px,13vw,190px)}.section-tag{display:flex;gap:20px;color:#777986;border-top:1px solid var(--line);padding-top:14px}.section-tag span:first-child{color:var(--accent2)}.section-tag.light{border-color:rgba(255,255,255,.18)}.statement{background:var(--paper);color:var(--bg)}.statement .section-tag{border-color:rgba(12,13,18,.15)}.statement-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;margin-top:70px;align-items:end}.statement h2,.section-head h2,.work-intro h2,.process-grid h2{font-size:clamp(64px,10vw,150px);font-weight:500;line-height:.84;letter-spacing:-.09em;margin:0}.statement-grid p{max-width:370px;color:#62616b;font-size:18px}.services{background:linear-gradient(135deg,#13151e,#0e0f15);position:relative;overflow:hidden}.services:before{content:'';position:absolute;width:60vw;height:60vw;right:-25vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(109,76,232,.15),transparent 65%);pointer-events:none}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:70px}.section-head h2{font-size:clamp(60px,8vw,128px)}.section-head p{max-width:290px;color:var(--soft);font-size:15px;margin:0 0 5px}.service-group{position:relative;margin-top:85px}.group-heading{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);color:var(--soft);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.group-heading span{color:#666976}.service-card{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:28px 20px;border-bottom:1px solid var(--line);margin-inline:-20px;position:relative;transition:background .3s,border-color .3s}.service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(132,100,255,.12),transparent 65%);opacity:0;transition:opacity .35s}.service-card:hover:before,.service-card:focus-within:before{opacity:1}.service-card__number,.service-card__category{font:500 10px var(--mono);color:var(--accent2);letter-spacing:.1em}.service-card__number{position:relative}.service-card__category{color:#777986;margin:0 0 10px;position:relative}.service-card__heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;position:relative}.service-card h3{font-size:clamp(25px,3vw,48px);font-weight:500;letter-spacing:-.055em;margin:0}.service-card__price{font:500 15px var(--mono);color:var(--accent2);white-space:nowrap;margin:0}.service-card__description{position:relative;max-width:460px;color:var(--soft);margin:12px 0 18px}.service-card__features{position:relative;display:flex;flex-wrap:wrap;gap:7px 20px;padding:0;margin:0;list-style:none;color:#898b98;font:10px var(--mono)}.service-card__features li:before{content:'+';color:var(--accent2);margin-right:7px}.service-card__action{position:relative;display:inline-flex;gap:8px;margin-top:22px;color:#fff;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(178,152,255,.55);padding-bottom:6px}.service-card__action span{color:var(--accent2);font-size:15px}.work{background:var(--paper);color:var(--bg)}.work .section-tag{border-color:rgba(12,13,18,.15)}.work-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:70px 0}.work-intro p{max-width:260px;color:#62616b;margin:0 0 8px}.work-rail{display:grid;grid-template-columns:1.05fr .85fr 1fr;gap:20px;align-items:start}.project-card{display:block;position:relative;transform:translateY(var(--lift,0));transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s}.project-card--offset{margin-top:90px}.project-card figure{margin:0}.project-card img{width:100%;aspect-ratio:1.05/1.18;object-fit:cover;filter:saturate(.75);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.04);filter:saturate(1)}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.project-card figcaption{display:flex;align-items:end;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(12,13,18,.18);margin-top:12px}.project-card figcaption span{display:flex;flex-direction:column;gap:4px}.project-card b{font:500 16px var(--mono);letter-spacing:.02em}.project-card small{font:11px var(--mono);color:#777986}.project-card i{font:24px var(--sans);font-style:normal;color:var(--accent)}.process{background:#0f1017}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:70px}.process-step{display:grid;grid-template-columns:45px 1fr;gap:16px;border-top:1px solid var(--line);padding:22px 0}.process-step>span{font:500 11px var(--mono);color:var(--accent2)}.process-step h3{font-size:23px;font-weight:500;margin:0 0 8px}.process-step p{color:var(--soft);max-width:360px;margin:0}.contact{background:var(--accent);color:#fff;position:relative;overflow:hidden}.contact:after{content:'';position:absolute;width:55vw;height:55vw;right:-20vw;top:-25vw;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025);pointer-events:none}.contact-stage{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:75px;position:relative;z-index:1}.contact-stage h2{font-size:clamp(62px,9vw,140px);font-weight:500;line-height:.84;letter-spacing:-.09em;margin:25px 0 0}.contact-cta{display:inline-flex;gap:12px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.55);font:500 12px var(--mono);text-transform:uppercase;white-space:nowrap}.contact-cta span{color:#fff;font-size:19px}.footer{display:flex;align-items:end;justify-content:space-between;padding-block:55px;color:#fff}.footer img{width:118px;margin-bottom:18px}.footer p{color:#777986;font:10px/1.8 var(--mono);margin:0}.footer-right{display:flex;gap:28px;color:#777986;font:10px var(--mono);text-transform:uppercase}.footer-right a{color:#fff}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .hero-title .line:nth-child(2){--delay:120ms}.motion-ready .hero-title .line:nth-child(3){--delay:220ms}.motion-ready .hero-bottom{--delay:360ms}.motion-ready .hero-signature{--delay:500ms}.magnetic{transition:transform .22s cubic-bezier(.16,1,.3,1),background .2s,color .2s}.nav-cta:hover,.primary-cta:hover{background:var(--accent);color:#fff}.nav-cta:hover span,.primary-cta:hover span{color:#fff}@keyframes orb-drift{to{transform:translate(-5vw,2vw) scale(1.08)}}@media(max-width:800px){.page-frame{width:min(100% - 36px,1240px)}.nav-shell{top:12px;width:calc(100% - 24px)}.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.nav-links.is-open{display:flex;position:absolute;top:58px;left:0;right:0;flex-direction:column;gap:0;padding:14px 18px 20px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(12,13,18,.96);backdrop-filter:blur(18px)}.nav-links.is-open a{padding:12px 0}.hero{min-height:850px}.hero-content{padding-top:125px}.hero-title{font-size:clamp(60px,16vw,105px);margin-top:50px}.hero-bottom,.hero-meta,.section-head,.work-intro,.contact-stage{display:block}.hero-bottom p{margin-bottom:28px}.hero-signature{right:4%;bottom:20%}.hero-meta{bottom:24px;font-size:8px}.hero-meta span:last-child{display:none}.section-head p,.work-intro p{margin-top:28px}.service-card{grid-template-columns:35px 1fr;padding-inline:0;margin-inline:0}.service-card__heading-row{display:block}.service-card__price{margin-top:11px}.work-rail{grid-template-columns:1fr;gap:52px}.project-card--offset{margin-top:0}.process-grid{grid-template-columns:1fr;gap:55px}.contact-cta{margin-top:45px}.footer{display:block}.footer-right{margin-top:35px;justify-content:space-between}.motion-marquee{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orb{animation:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}.scroll-progress{display:none}.project-card:hover img,.project-card:focus-visible img{transform:none}.magnetic{transition:none}}

/* Strong motion layer: scroll choreography with readable static fallbacks. */
.hero-content{transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));opacity:var(--hero-opacity,1);transition:opacity .2s linear}.hero-title .line{filter:blur(var(--hero-blur,0px));transform:translate3d(var(--line-x,0px),0,0);transition:filter .25s linear}.hero-title .line:nth-child(2){--line-x:var(--line-two-x,0px)}.hero-title .line:nth-child(3){--line-x:var(--line-three-x,0px)}.hero-orb{translate:var(--orb-x,0px) var(--orb-y,0px);scale:var(--orb-scale,1);transition:scale .2s linear}.statement{position:relative;overflow:hidden}.statement:before{content:'ZIBO';position:absolute;right:-4vw;top:12%;font:500 clamp(150px,30vw,500px)/.7 var(--serif);letter-spacing:-.12em;color:rgba(12,13,18,.035);transform:translateX(var(--statement-mark-x,0px));pointer-events:none}.statement-grid,.process-grid,.contact-stage{position:relative;z-index:1}.services{--section-glow:0}.services:after{content:'';position:absolute;inset:20% auto auto 5%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(132,100,255,.18),transparent 68%);transform:translate3d(0,var(--services-glow-y,0px),0);pointer-events:none}.service-card{transform:translate3d(0,var(--card-y,0px),0);transition:background .3s,border-color .3s,transform .15s linear}.service-card__number{transform:translateX(var(--number-x,0px));transition:transform .2s linear}.work{overflow:hidden}.work-rail{transform:translate3d(var(--rail-x,0px),0,0);transition:transform .14s linear}.project-card{transform:translate3d(0,var(--project-y,0px),0) rotate(var(--project-rotate,0deg));transition:transform .15s linear,filter .3s}.process-step{transform:translateX(var(--step-x,0px));transition:transform .2s linear}.contact-stage h2{transform:translateY(var(--contact-y,0px));transition:transform .2s linear}.motion-ready .reveal{filter:blur(8px);clip-path:inset(0 0 18% 0)}.motion-ready .reveal.is-visible{filter:blur(0);clip-path:inset(0 0 0 0)}@media(max-width:800px){.work-rail{transform:none!important}.project-card{transform:translate3d(0,var(--project-y,0px),0)!important}.service-card{transform:translate3d(0,var(--card-y,0px),0)}.hero-content{transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1))}.hero-title .line{transform:none;filter:blur(var(--hero-blur,0px))}}@media(prefers-reduced-motion:reduce){.hero-content,.hero-title .line,.hero-orb,.statement:before,.services:after,.service-card,.service-card__number,.work-rail,.project-card,.process-step,.contact-stage h2{transform:none!important;translate:none!important;scale:1!important;filter:none!important;opacity:1!important;transition:none!important}.motion-ready .reveal{filter:none;clip-path:none}}