:root{
  --bg:#05050a;
  --panel:#0b0b13;
  --paper:#f5f1e8;
  --text:#f8f7fb;
  --muted:#9b98aa;
  --line:rgba(255,255,255,.14);
  --cyan:#00dcff;
  --magenta:#ff2bd6;
  --yellow:#ffe35a;
  --violet:#7554ff;
  --scene:#00dcff;
  --mx:50vw;
  --my:50vh;
  --radius:32px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;cursor:none}
body.locked{overflow:hidden}
a{color:inherit}
button,input,textarea,select{font:inherit}
button,a{cursor:none}
img{max-width:100%}
::selection{background:var(--magenta);color:#fff}

#ink-field{position:fixed;inset:0;width:100%;height:100%;z-index:-5;pointer-events:none;background:#05050a}
.grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.scanlines{position:fixed;inset:0;z-index:199;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.05) 3px 4px)}

.boot{position:fixed;inset:0;z-index:1000;background:#05050a;display:grid;place-content:center;gap:20px;padding:24px;transition:opacity .7s ease,visibility .7s ease}
.boot.is-done{opacity:0;visibility:hidden}
.boot__brand{font-weight:1000;font-size:clamp(36px,8vw,110px);letter-spacing:-.075em;line-height:.8;background:linear-gradient(90deg,var(--cyan),#fff,var(--magenta),var(--yellow));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bootSweep 1.2s linear infinite}
.boot__track{height:3px;background:rgba(255,255,255,.12);overflow:hidden}.boot__track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--yellow));box-shadow:0 0 24px var(--cyan)}
.boot__readout{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font:700 10px/1.4 monospace;letter-spacing:.22em}.boot__readout strong{color:#fff}

.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:500;border-radius:50%;transform:translate(-50%,-50%)}
.cursor-dot{width:7px;height:7px;background:#fff;mix-blend-mode:difference;box-shadow:0 0 18px var(--scene)}
.cursor-ring{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--scene),white 25%);transition:width .22s,height .22s,border-color .22s,background .22s;box-shadow:0 0 34px color-mix(in srgb,var(--scene),transparent 65%)}
body.cursor-active .cursor-ring{width:78px;height:78px;background:color-mix(in srgb,var(--scene),transparent 91%);border-color:#fff}
.scroll-progress{position:fixed;right:13px;top:50%;height:26vh;width:2px;transform:translateY(-50%);z-index:150;background:rgba(255,255,255,.12)}
.scroll-progress i{display:block;width:100%;height:0;background:linear-gradient(var(--cyan),var(--magenta),var(--yellow));box-shadow:0 0 15px var(--scene)}

.site-header{position:fixed;z-index:170;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(18px,3.5vw,58px);background:linear-gradient(to bottom,rgba(5,5,10,.94),rgba(5,5,10,.55),transparent);backdrop-filter:blur(18px) saturate(1.2)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content}
.brand__mark{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);background:rgba(255,255,255,.055)}
.brand__mark img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain}.brand__mark b{font-size:11px;letter-spacing:-.06em}
.brand__name{font-weight:1000;font-size:14px;letter-spacing:-.06em}.brand__name em{font-style:normal;color:var(--cyan)}.brand__name i{font-style:normal;color:var(--magenta)}.brand__name strong{color:var(--yellow)}
.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{text-decoration:none;text-transform:uppercase;font:800 11px/1 monospace;letter-spacing:.13em;color:rgba(255,255,255,.72);position:relative}.site-nav a span{display:none}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--scene);transition:.3s}.site-nav a:hover{color:#fff}.site-nav a:hover:after{right:0}
.header-cta{justify-self:end;text-decoration:none;border:1px solid var(--line);padding:13px 18px;border-radius:999px;font:900 11px/1 monospace;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.04);display:flex;gap:12px;align-items:center}
.header-cta span{color:var(--scene)}
.menu-button{display:none;background:none;border:0;color:#fff;padding:10px;align-items:center;gap:8px}.menu-button span{font:800 10px/1 monospace;letter-spacing:.15em}.menu-button i{display:block;width:22px;height:1px;background:#fff}

.scene{position:relative;isolation:isolate;--scene:var(--cyan)}
.scene[data-scene="MAGENTA"]{--scene:var(--magenta)}
.scene[data-scene="YELLOW"]{--scene:var(--yellow)}
.scene[data-scene="VIOLET"]{--scene:var(--violet)}
.scene:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at var(--local-x,50%) var(--local-y,50%),color-mix(in srgb,var(--scene),transparent 84%),transparent 34%)}

.hero{min-height:100svh;padding:130px clamp(22px,5vw,84px) 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:2vw;overflow:hidden}
.hero:after{content:"";position:absolute;width:80vw;height:80vw;right:-42vw;top:-30vw;border-radius:50%;border:1px solid color-mix(in srgb,var(--scene),transparent 70%);box-shadow:0 0 180px color-mix(in srgb,var(--scene),transparent 75%);animation:slowSpin 24s linear infinite;z-index:-1}
.hero__hud{position:absolute;top:106px;display:grid;gap:7px;font:700 9px/1 monospace;letter-spacing:.16em;color:rgba(255,255,255,.45)}
.hero__hud--left{left:clamp(22px,5vw,84px)}.hero__hud--right{right:clamp(22px,5vw,84px);text-align:right}.live{color:var(--cyan)}.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 14px var(--cyan);animation:pulse 1s ease-in-out infinite alternate}
.hero__copy{position:relative;z-index:3;align-self:center;padding-top:48px}
.eyebrow{margin:0 0 24px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.6);font:900 10px/1 monospace;letter-spacing:.22em;text-transform:uppercase}.eyebrow span{display:block;width:46px;height:1px;background:var(--scene);box-shadow:0 0 12px var(--scene)}
.hero-title{margin:0;display:grid;line-height:.73;text-transform:uppercase;letter-spacing:-.085em;font-weight:1000;font-size:clamp(68px,9.4vw,170px)}
.hero-title .word{display:block;position:relative;width:max-content;max-width:100%}.word--a{color:#fff}.word--b{color:transparent;-webkit-text-stroke:1.5px #fff;text-shadow:0 0 50px color-mix(in srgb,var(--scene),transparent 55%)}.word--c{font-size:.34em;letter-spacing:-.045em;margin-top:.44em;color:var(--muted)}.word--c b{color:var(--yellow);font-weight:1000}
.hero-title .word:before,.hero-title .word:after{content:attr(data-scramble);position:absolute;inset:0;pointer-events:none;opacity:0}.hero-title .word:hover:before{opacity:.7;color:var(--magenta);transform:translate(5px,-1px);clip-path:inset(20% 0 55% 0)}.hero-title .word:hover:after{opacity:.7;color:var(--cyan);transform:translate(-4px,2px);clip-path:inset(60% 0 8% 0)}
.hero__bottom{display:grid;grid-template-columns:minmax(230px,470px) auto;align-items:end;gap:30px;margin-top:36px}.hero__bottom>p{margin:0;color:var(--muted);font-size:clamp(15px,1.15vw,19px);line-height:1.6}.hero__actions{display:grid;gap:16px;justify-items:start}
.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;border:1px solid var(--line);border-radius:999px;text-decoration:none;text-transform:uppercase;font:1000 11px/1 monospace;letter-spacing:.12em;background:none;color:inherit;overflow:hidden}.button:before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-103%);background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta),var(--yellow));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.button:hover:before{transform:none}.button--primary{background:#fff;color:#06060a;border-color:#fff}.button--primary:before{opacity:.95}.button--primary:hover{color:#fff}.button--ghost{background:rgba(255,255,255,.04)}.button i{font-style:normal;font-size:17px}.text-link{font:800 10px/1 monospace;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.62);display:flex;gap:12px}.text-link i{color:var(--scene)}

.portal{position:relative;z-index:2;width:min(46vw,690px);aspect-ratio:1;justify-self:end;display:grid;place-items:center;transform-style:preserve-3d}
.portal__image{position:relative;width:56%;aspect-ratio:1;border-radius:42% 58% 54% 46%/44% 38% 62% 56%;overflow:hidden;z-index:5;box-shadow:0 0 90px color-mix(in srgb,var(--scene),transparent 60%),inset 0 0 40px #000;animation:portalMorph 9s ease-in-out infinite alternate}.portal__image img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) contrast(1.12);transform:scale(1.12);animation:imageDrift 10s ease-in-out infinite alternate}
.portal__image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,220,255,.18),transparent 35%,rgba(255,43,214,.22));mix-blend-mode:screen}
.portal__halo{position:absolute;border-radius:50%;border:1px solid var(--line)}.portal__halo--1{inset:8%;border-color:color-mix(in srgb,var(--cyan),transparent 58%);animation:slowSpin 17s linear infinite}.portal__halo--2{inset:18%;border-style:dashed;border-color:color-mix(in srgb,var(--magenta),transparent 45%);animation:slowSpinReverse 12s linear infinite}.portal__halo--3{inset:30%;border-width:2px;border-color:color-mix(in srgb,var(--yellow),transparent 55%);box-shadow:0 0 65px color-mix(in srgb,var(--yellow),transparent 76%);animation:pulseRing 4s ease-in-out infinite}
.portal__grid{position:absolute;inset:3%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,rgba(255,255,255,.08) 9.2deg 9.4deg);mask:radial-gradient(circle,transparent 0 39%,#000 40% 41%,transparent 42% 59%,#000 60% 61%,transparent 62%);animation:slowSpin 32s linear infinite}
.portal__orbit{position:absolute;inset:12%;border-radius:50%;animation:slowSpin 14s linear infinite}.portal__orbit span{position:absolute;left:50%;top:-9px;transform:translateX(-50%);font:900 9px/1 monospace;letter-spacing:.2em;color:var(--cyan);padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:#05050a}.orbit-b{inset:21%;animation-duration:10s;animation-direction:reverse;transform:rotate(120deg)}.orbit-b span{color:var(--magenta)}.orbit-c{inset:30%;animation-duration:7s;transform:rotate(240deg)}.orbit-c span{color:var(--yellow)}
.portal__label{position:absolute;right:3%;bottom:10%;z-index:7;padding:15px 18px;border:1px solid var(--line);background:rgba(5,5,10,.68);backdrop-filter:blur(16px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.portal__label small{display:block;font:700 8px/1 monospace;letter-spacing:.18em;color:var(--muted)}.portal__label strong{display:block;margin-top:4px;font-size:30px;letter-spacing:-.08em;color:var(--yellow)}

.ticker{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(5,5,10,.58);backdrop-filter:blur(12px);transform:rotate(-1deg) scale(1.02)}.ticker div{display:flex;width:max-content;align-items:center;gap:30px;padding:15px 0;animation:ticker 24s linear infinite}.ticker span{font:1000 12px/1 monospace;letter-spacing:.12em}.ticker i{font-style:normal;color:var(--scene)}

.work,.services,.about,.process,.contact{padding:clamp(100px,11vw,180px) clamp(22px,5vw,84px)}
.section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;margin-bottom:70px}.section-head h2,.services__sticky h2,.about__copy h2,.contact__headline h2{margin:0;font-size:clamp(62px,9vw,150px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase}.section-head h2 em,.about__copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px currentColor}.section-head>p,.services__sticky>p,.about__copy>p,.contact__headline>p{max-width:520px;margin:0;color:var(--muted);font-size:clamp(15px,1.2vw,19px);line-height:1.7}

.work{background:linear-gradient(180deg,transparent,rgba(255,43,214,.04),transparent)}
.project-universe{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:120px;gap:16px;perspective:1400px}
.project{position:relative;grid-column:span 4;grid-row:span 4;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0a0a11;isolation:isolate;transform-style:preserve-3d;box-shadow:0 35px 90px rgba(0,0,0,.28)}
.project--hero{grid-column:span 7;grid-row:span 6}.project--wide{grid-column:span 8}.project--tall{grid-row:span 6}
.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .7s;filter:saturate(.95) contrast(1.05)}
.project:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--scene),transparent 75%),transparent 75%);transform:translateX(-120%);transition:transform .8s;mix-blend-mode:screen}.project:hover:after{transform:translateX(120%)}
.project:hover img{transform:scale(1.08);filter:saturate(1.32) contrast(1.08)}
.project__noise{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.1) 66%);z-index:1}
.project__meta{position:absolute;left:24px;right:82px;bottom:22px;z-index:3;transform:translateZ(45px)}.project__meta span{font:900 9px/1 monospace;letter-spacing:.16em;color:var(--scene)}.project__meta h3{margin:8px 0 5px;text-transform:uppercase;font-size:clamp(25px,3vw,52px);line-height:.83;letter-spacing:-.06em}.project__meta p{margin:0;color:rgba(255,255,255,.62);line-height:1.45;max-width:430px}
.project>button{position:absolute;right:22px;bottom:22px;z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(5,5,10,.5);backdrop-filter:blur(12px);color:#fff;font-size:21px;transition:.3s}.project:hover>button{background:var(--scene);color:#05050a;transform:rotate(45deg) scale(1.08);box-shadow:0 0 35px color-mix(in srgb,var(--scene),transparent 45%)}
.work-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.work-footer>span{font:800 10px/1 monospace;letter-spacing:.17em;color:var(--muted)}

.services{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,8vw,130px);align-items:start;background:linear-gradient(180deg,transparent,rgba(255,227,90,.04),transparent)}
.services__sticky{position:sticky;top:145px}.services__sticky h2{margin-bottom:28px}.service-stack{border-top:1px solid var(--line)}
.service-row{position:relative;padding:30px 10px 34px;border-bottom:1px solid var(--line);overflow:hidden;transition:padding .4s,background .4s}
.service-row__top{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;position:relative;z-index:2}.service-row__top span{font:900 10px/1 monospace;color:var(--scene)}.service-row__top h3{margin:0;font-size:clamp(29px,4.3vw,74px);line-height:.86;letter-spacing:-.065em}.service-row__top i{font-style:normal;font-size:26px;color:var(--scene);transition:.35s}.service-row>p{position:relative;z-index:2;margin:14px 60px 0 72px;color:var(--muted);line-height:1.6;max-width:720px}.service-row__beam{position:absolute;width:270px;height:270px;border-radius:50%;right:-180px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--scene),transparent 30%),transparent 68%);filter:blur(12px);transition:right .55s cubic-bezier(.2,.8,.2,1)}.service-row:hover{padding-left:24px;background:rgba(255,255,255,.025)}.service-row:hover .service-row__beam{right:-60px}.service-row:hover .service-row__top i{transform:rotate(45deg) scale(1.2)}

.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,110px);align-items:center;min-height:100vh;background:linear-gradient(180deg,transparent,rgba(117,84,255,.06),transparent)}
.about__visual{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transform-style:preserve-3d;overflow:hidden;background:radial-gradient(circle,rgba(117,84,255,.22),rgba(5,5,10,.15) 45%,transparent 70%)}
.about__image{position:relative;width:62%;height:78%;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);z-index:3;box-shadow:0 0 100px color-mix(in srgb,var(--scene),transparent 58%)}.about__image img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) contrast(1.08)}
.about__rings{position:absolute;inset:8%;animation:slowSpin 22s linear infinite}.about__rings i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--scene),transparent 65%);border-radius:50%}.about__rings i:nth-child(2){inset:12%;border-style:dashed;animation:slowSpinReverse 8s linear infinite}.about__rings i:nth-child(3){inset:24%;border-width:2px;animation:pulseRing 3s ease-in-out infinite}
.about__stamp{position:absolute;left:4%;bottom:12%;z-index:4;font:1000 clamp(19px,2.7vw,44px)/.82 Arial;letter-spacing:-.06em;background:linear-gradient(135deg,var(--magenta),var(--violet),var(--cyan));padding:18px;transform:rotate(-8deg);box-shadow:0 22px 65px rgba(0,0,0,.35)}
.about__copy h2{margin-bottom:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.stats>div{padding:22px 10px;border-top:1px solid var(--line)}.stats strong{display:block;font-size:clamp(28px,3.7vw,58px);letter-spacing:-.08em;color:#fff}.stats small{display:block;margin-top:8px;font:800 9px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.process{background:linear-gradient(180deg,transparent,rgba(0,220,255,.04),transparent)}
.process-machine{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:72px}.process-machine article{position:relative;padding:26px 22px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015));min-height:300px;overflow:hidden}.process-machine article:before{content:"";position:absolute;inset:auto -30% -60% 30%;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--scene),transparent 35%),transparent 68%);filter:blur(18px)}.process-machine article span{font:900 10px/1 monospace;color:var(--scene)}.process-machine article strong{display:block;margin-top:60px;font-size:clamp(28px,3vw,50px);letter-spacing:-.06em}.process-machine article p{position:relative;margin:18px 0 0;color:var(--muted);line-height:1.58}.machine-line{position:absolute;left:5%;right:5%;top:20px;height:2px;background:rgba(255,255,255,.1)}.machine-line i{display:block;width:14%;height:100%;background:var(--scene);box-shadow:0 0 22px var(--scene);animation:machine 4s ease-in-out infinite}

.contact{min-height:100vh;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);align-items:center;background:radial-gradient(circle at 20% 50%,rgba(255,43,214,.14),transparent 33%)}
.contact__headline h2{margin-bottom:30px;color:transparent;-webkit-text-stroke:1.5px #fff;text-shadow:0 0 70px color-mix(in srgb,var(--scene),transparent 60%)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:clamp(22px,3vw,42px);border:1px solid var(--line);border-radius:var(--radius);background:rgba(5,5,10,.58);backdrop-filter:blur(18px);box-shadow:0 40px 120px rgba(0,0,0,.35)}
.field{display:grid;gap:9px}.field--wide{grid-column:1/-1}.field label{font:900 9px/1 monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;border-radius:15px;padding:16px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--scene);box-shadow:0 0 0 4px color-mix(in srgb,var(--scene),transparent 88%),0 0 30px color-mix(in srgb,var(--scene),transparent 78%)}.field select option{background:#0b0b13}.contact-form .button{grid-column:1/-1;justify-self:start;margin-top:10px}.contact__direct{position:absolute;left:clamp(22px,5vw,84px);right:clamp(22px,5vw,84px);bottom:40px;display:flex;flex-wrap:wrap;gap:16px 34px;align-items:center;border-top:1px solid var(--line);padding-top:22px;font:800 10px/1 monospace;letter-spacing:.12em}.contact__direct a{text-decoration:none;color:#fff}.contact__direct a:hover{color:var(--scene)}.contact__direct span{margin-left:auto;color:var(--muted)}

.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px clamp(22px,5vw,84px);border-top:1px solid var(--line);background:#05050a}.footer p,.footer>span{margin:0;color:var(--muted);font:800 9px/1.5 monospace;letter-spacing:.13em;text-transform:uppercase}

.reveal{opacity:0;transform:translateY(46px) scale(.985);filter:blur(9px);transition:opacity .95s cubic-bezier(.2,.75,.2,1),transform .95s cubic-bezier(.2,.75,.2,1),filter .95s}.reveal.in{opacity:1;transform:none;filter:none}.project.reveal:nth-child(2n){transition-delay:.08s}.project.reveal:nth-child(3n){transition-delay:.14s}

.lightbox{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:clamp(20px,5vw,70px);opacity:0;pointer-events:none;transition:opacity .35s}.lightbox[hidden]{display:none}.lightbox.open{opacity:1;pointer-events:auto}.lightbox__backdrop{position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--scene),transparent 72%),rgba(0,0,0,.88) 38%);backdrop-filter:blur(22px) saturate(1.3)}.lightbox__frame{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;width:min(1200px,90vw);max-height:84vh;margin:0;transform:scale(.88) rotateX(8deg);opacity:0;transition:.55s cubic-bezier(.18,1.15,.25,1)}.lightbox.open .lightbox__frame{transform:none;opacity:1}.lightbox__image-wrap{height:75vh;max-height:760px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#090910;box-shadow:0 40px 130px rgba(0,0,0,.55),0 0 70px color-mix(in srgb,var(--scene),transparent 70%)}.lightbox__image{width:100%;height:100%;object-fit:contain;display:block}.lightbox figcaption{padding:24px 0 24px 28px}.lightbox__index{font:900 9px/1 monospace;letter-spacing:.16em;color:var(--scene)}.lightbox__title{display:block;margin-top:13px;font-size:34px;line-height:.9;text-transform:uppercase;letter-spacing:-.055em}.lightbox__text{color:var(--muted);line-height:1.55}.lightbox__close,.lightbox__nav{position:absolute;z-index:3;border:1px solid var(--line);background:rgba(5,5,10,.65);backdrop-filter:blur(14px);color:#fff;border-radius:50%}.lightbox__close{right:30px;top:28px;width:52px;height:52px;font-size:30px}.lightbox__nav{top:50%;width:50px;height:50px;font-size:20px}.lightbox__nav--prev{left:24px}.lightbox__nav--next{right:24px}.lightbox__close:hover,.lightbox__nav:hover{background:var(--scene);color:#05050a;box-shadow:0 0 30px color-mix(in srgb,var(--scene),transparent 48%)}

@keyframes bootSweep{to{background-position:-220% 0}}
@keyframes pulse{to{opacity:.35;transform:scale(.7)}}
@keyframes pulseRing{50%{transform:scale(1.08);opacity:.45}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes slowSpinReverse{to{transform:rotate(-360deg)}}
@keyframes portalMorph{0%{border-radius:42% 58% 54% 46%/44% 38% 62% 56%;transform:rotate(-2deg)}100%{border-radius:58% 42% 38% 62%/56% 62% 38% 44%;transform:rotate(4deg) scale(1.06)}}
@keyframes imageDrift{to{transform:scale(1.2) translate3d(2%,-2%,0)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes machine{0%,100%{transform:translateX(0)}50%{transform:translateX(610%)}}

@media(max-width:1100px){
  .site-header{grid-template-columns:1fr auto}.site-nav{position:fixed;inset:0;background:rgba(5,5,10,.96);backdrop-filter:blur(20px);display:grid;place-content:center;gap:22px;transform:translateY(-105%);transition:.5s cubic-bezier(.2,.8,.2,1);z-index:-1}.site-nav.open{transform:none}.site-nav a{font-size:clamp(28px,7vw,70px);letter-spacing:-.04em}.site-nav a span{display:inline-block;margin-right:18px;font-size:11px;color:var(--scene)}.header-cta{display:none}.menu-button{display:flex;justify-self:end}.menu-button[aria-expanded="true"] i:nth-of-type(1){transform:translateY(2px) rotate(45deg)}.menu-button[aria-expanded="true"] i:nth-of-type(2){transform:translateY(-2px) rotate(-45deg)}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero__copy{padding-top:20px}.hero-title{font-size:clamp(66px,15vw,150px)}.portal{width:min(82vw,700px);justify-self:center;margin:40px auto 90px}.hero__hud--right{display:none}.hero__bottom{grid-template-columns:1fr}.hero__actions{display:flex;align-items:center;flex-wrap:wrap}
  .project-universe{grid-template-columns:repeat(2,1fr);grid-auto-rows:340px}.project,.project--hero,.project--wide,.project--tall{grid-column:auto;grid-row:auto}.project--hero{grid-column:1/-1;min-height:540px}
  .services{grid-template-columns:1fr}.services__sticky{position:relative;top:auto}.about{grid-template-columns:1fr}.about__visual{width:min(86vw,700px);justify-self:center}.process-machine{grid-template-columns:repeat(2,1fr)}.machine-line{display:none}.contact{grid-template-columns:1fr;padding-bottom:170px}.contact__direct{bottom:34px}.contact__direct span{margin-left:0}
}

@media(max-width:680px){
  body,button,a{cursor:auto}.cursor-dot,.cursor-ring,.scroll-progress{display:none}.site-header{padding:14px 16px}.brand__name{font-size:12px}.brand__mark{width:36px;height:36px}
  .hero{padding-left:18px;padding-right:18px}.hero__hud{left:18px}.hero-title{font-size:clamp(56px,18vw,105px)}.word--c{font-size:.39em}.hero__bottom{margin-top:26px}.portal{width:100%;margin-top:28px}.portal__label{right:1%;bottom:4%}
  .work,.services,.about,.process,.contact{padding:90px 18px}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:44px}.section-head h2,.services__sticky h2,.about__copy h2,.contact__headline h2{font-size:clamp(54px,17vw,94px)}
  .project-universe{grid-template-columns:1fr;grid-auto-rows:380px}.project--hero{grid-column:auto;min-height:460px}.project__meta{left:18px;right:66px;bottom:18px}.project>button{right:16px;bottom:16px}
  .service-row{padding:24px 4px}.service-row__top{grid-template-columns:36px 1fr auto;gap:10px}.service-row__top h3{font-size:clamp(28px,10vw,52px)}.service-row>p{margin-left:46px;margin-right:20px}.about__stamp{font-size:21px}.stats{grid-template-columns:1fr}.process-machine{grid-template-columns:1fr}.process-machine article{min-height:250px}.contact-form{grid-template-columns:1fr;padding:20px}.field--wide,.contact-form .button{grid-column:auto}.contact__direct{left:18px;right:18px;display:grid}.footer{display:grid;text-align:left}.lightbox__frame{grid-template-columns:1fr;width:92vw}.lightbox__image-wrap{height:62vh}.lightbox figcaption{padding:18px 0}.lightbox__nav{top:auto;bottom:18px}.lightbox__nav--prev{left:18px}.lightbox__nav--next{right:18px}.lightbox__close{right:18px;top:18px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor-dot,.cursor-ring,#ink-field{display:none}.reveal{opacity:1;transform:none;filter:none}.boot{display:none}
}

/* ==========================================================
   COMPACT "NAŠE RIEŠENIA" MATRIX
   Everything else stays untouched.
   ========================================================== */
@media (min-width:1101px){
  .project-universe{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(8,92px);
    grid-auto-rows:92px;
    grid-auto-flow:dense;
    gap:12px;
  }
  .project,
  .project--hero,
  .project--wide,
  .project--tall{
    grid-column:auto;
    grid-row:auto;
    min-height:0;
    border-radius:22px;
  }
  .project:nth-child(1){grid-column:1/3;grid-row:1/5}
  .project:nth-child(2){grid-column:3/5;grid-row:1/3}
  .project:nth-child(3){grid-column:3/4;grid-row:3/5}
  .project:nth-child(4){grid-column:4/5;grid-row:3/5}
  .project:nth-child(5){grid-column:1/2;grid-row:5/9}
  .project:nth-child(6){grid-column:2/3;grid-row:5/7}
  .project:nth-child(7){grid-column:2/5;grid-row:7/9}
  .project:nth-child(8){grid-column:3/5;grid-row:5/7}

  .project__meta{left:18px;right:66px;bottom:16px}
  .project__meta h3{font-size:clamp(20px,2.15vw,38px);line-height:.86}
  .project__meta p{font-size:12px;line-height:1.35}
  .project>button{right:16px;bottom:16px;width:42px;height:42px;font-size:18px}
}

@media (min-width:681px) and (max-width:1100px){
  .project-universe{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:235px;
    grid-auto-flow:dense;
    gap:12px;
  }
  .project,
  .project--hero,
  .project--wide,
  .project--tall{
    grid-column:auto;
    grid-row:auto;
    min-height:0;
  }
  .project:nth-child(1){grid-column:span 2;grid-row:span 2}
  .project:nth-child(2){grid-column:span 1}
  .project:nth-child(5){grid-row:span 2}
  .project:nth-child(7){grid-column:span 2}
  .project:nth-child(8){grid-column:span 1}
  .project__meta h3{font-size:clamp(23px,4vw,38px)}
}

@media (max-width:680px){
  .project-universe{grid-auto-rows:300px;gap:12px}
  .project--hero{min-height:350px}
  .project__meta h3{font-size:30px}
  .project__meta p{font-size:13px}
}

/* ==========================================================
   V4 — BLACK NATIVE SCROLLBAR + VISIBLE RIEŠENIA + NEW COMPACT MOSAIC
   All other HYPERVOID styling and behaviour remains unchanged.
   ========================================================== */

/* Native browser scrollbar: dark/black. Custom CMYK scroll progress stays active. */
html{
  scrollbar-width:thin;
  scrollbar-color:#000 #05050a;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:10px;
  height:10px;
  background:#05050a;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background:#05050a;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background:#000;
  border:2px solid #05050a;
  border-radius:999px;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background:#111;
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{
  background:#05050a;
}

/* Fix the previously transparent outline caused by currentColor on a transparent <em>. */
.work .section-head h2{
  line-height:.84;
  overflow:visible;
  padding-bottom:.08em;
}
.work .section-head h2 em{
  display:inline-block;
  color:#fff;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:1px var(--magenta);
  text-shadow:
    0 0 18px rgba(255,43,214,.55),
    0 0 52px rgba(255,43,214,.28),
    10px 8px 0 rgba(0,220,255,.08);
  padding-right:.04em;
}

/* Desktop: a new six-column, deliberately irregular mosaic.
   Overall gallery height is roughly 23–25% smaller than the previous matrix. */
@media (min-width:1101px){
  .project-universe{
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:repeat(8,70px);
    grid-auto-rows:70px;
    grid-auto-flow:dense;
    gap:10px;
  }

  .project,
  .project--hero,
  .project--wide,
  .project--tall{
    grid-column:auto;
    grid-row:auto;
    min-height:0;
    border-radius:20px;
  }

  .project:nth-child(1){grid-column:1/3;grid-row:1/4}
  .project:nth-child(2){grid-column:3/6;grid-row:1/3}
  .project:nth-child(3){grid-column:6/7;grid-row:1/3}
  .project:nth-child(4){grid-column:3/5;grid-row:3/5}
  .project:nth-child(5){grid-column:5/7;grid-row:3/6}
  .project:nth-child(6){grid-column:1/3;grid-row:4/7}
  .project:nth-child(7){grid-column:3/5;grid-row:5/8}
  .project:nth-child(8){grid-column:5/7;grid-row:6/9}

  .project__meta{
    left:15px;
    right:56px;
    bottom:14px;
  }
  .project__meta span{font-size:8px}
  .project__meta h3{
    margin:6px 0 3px;
    font-size:clamp(17px,1.7vw,31px);
    line-height:.88;
  }
  .project__meta p{
    font-size:11px;
    line-height:1.3;
  }
  .project>button{
    right:13px;
    bottom:13px;
    width:38px;
    height:38px;
    font-size:16px;
  }

  /* Small compact tiles keep only the important title. */
  .project:nth-child(2) .project__meta p,
  .project:nth-child(3) .project__meta p,
  .project:nth-child(4) .project__meta p{
    display:none;
  }
  .project:nth-child(3) .project__meta{
    right:12px;
  }
  .project:nth-child(3) .project__meta h3{
    font-size:clamp(15px,1.22vw,23px);
    overflow-wrap:anywhere;
  }
  .project:nth-child(3)>button{
    top:12px;
    right:12px;
    bottom:auto;
  }

  /* Slightly different corners make the layout feel less mechanical. */
  .project:nth-child(2),
  .project:nth-child(7){border-radius:34px 18px 34px 18px}
  .project:nth-child(3),
  .project:nth-child(6){border-radius:18px 36px 18px 36px}
}

/* Tablet: smaller cards and a different dense arrangement. */
@media (min-width:681px) and (max-width:1100px){
  .project-universe{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:185px;
    grid-auto-flow:dense;
    gap:11px;
  }
  .project,
  .project--hero,
  .project--wide,
  .project--tall{
    grid-column:auto;
    grid-row:auto;
    min-height:0;
  }
  .project:nth-child(1){grid-column:span 2;grid-row:span 2}
  .project:nth-child(2){grid-column:span 1}
  .project:nth-child(3){grid-column:span 1}
  .project:nth-child(4){grid-column:span 1}
  .project:nth-child(5){grid-column:span 1;grid-row:span 2}
  .project:nth-child(6){grid-column:span 1}
  .project:nth-child(7){grid-column:span 2}
  .project:nth-child(8){grid-column:span 1}
  .project__meta h3{font-size:clamp(21px,3.6vw,34px)}
  .project__meta p{font-size:12px}
}

/* Mobile: about 20% shorter while keeping every card readable. */
@media (max-width:680px){
  .project-universe{
    grid-auto-rows:240px;
    gap:11px;
  }
  .project--hero{min-height:280px}
  .project__meta h3{font-size:27px}
  .project__meta p{font-size:12px}
}

/* ==========================================================
   V5 — 4:3 PROJECT WINDOWS
   Only the "NAŠE RIEŠENIA" gallery proportions/layout change.
   ========================================================== */

/* Desktop: four compact 4:3 windows with a controlled stagger. */
@media (min-width:1101px){
  .project-universe{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:auto;
    grid-auto-flow:row;
    column-gap:14px;
    row-gap:46px;
    align-items:start;
    padding:8px 0 34px;
  }

  .project,
  .project--hero,
  .project--wide,
  .project--tall,
  .project:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    width:100%;
    min-height:0;
    aspect-ratio:4 / 3;
    border-radius:22px;
    transform-origin:center;
  }

  /* A subtle asymmetric rhythm without turning the cards wide again. */
  .project:nth-child(2),
  .project:nth-child(4),
  .project:nth-child(5),
  .project:nth-child(7){
    translate:0 28px;
  }

  .project:nth-child(1),
  .project:nth-child(6){border-radius:34px 20px 28px 18px}
  .project:nth-child(2),
  .project:nth-child(7){border-radius:18px 34px 18px 30px}
  .project:nth-child(3),
  .project:nth-child(8){border-radius:28px 18px 36px 20px}

  .project__meta{
    left:16px;
    right:54px;
    bottom:14px;
  }
  .project__meta span{font-size:8px}
  .project__meta h3{
    margin:6px 0 3px;
    font-size:clamp(18px,1.55vw,28px);
    line-height:.9;
  }
  .project__meta p{
    display:block;
    font-size:10.5px;
    line-height:1.28;
    max-width:260px;
  }
  .project>button{
    top:auto;
    right:13px;
    bottom:13px;
    width:38px;
    height:38px;
    font-size:16px;
  }
}

/* Tablet: two 4:3 cards per row, lightly staggered. */
@media (min-width:681px) and (max-width:1100px){
  .project-universe{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    grid-auto-flow:row;
    gap:34px 13px;
    align-items:start;
    padding-bottom:24px;
  }
  .project,
  .project--hero,
  .project--wide,
  .project--tall,
  .project:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    min-height:0;
    width:100%;
    aspect-ratio:4 / 3;
  }
  .project:nth-child(even){translate:0 20px}
  .project__meta h3{font-size:clamp(22px,3.8vw,34px)}
  .project__meta p{font-size:11px}
}

/* Mobile: one clean 4:3 window at a time. */
@media (max-width:680px){
  .project-universe{
    display:grid;
    grid-template-columns:1fr;
    grid-auto-rows:auto;
    gap:14px;
  }
  .project,
  .project--hero,
  .project--wide,
  .project--tall,
  .project:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    width:100%;
    min-height:0;
    aspect-ratio:4 / 3;
    translate:none;
  }
  .project__meta h3{font-size:27px}
  .project__meta p{font-size:12px}
}

/* ==========================================================
   V6 — PROJECT CONSTELLATION
   Art-directed asymmetric gallery for "NAŠE RIEŠENIA".
   Everything outside this gallery remains untouched.
   ========================================================== */

@media (min-width:1101px){
  .work .project-universe{
    position:relative;
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:repeat(13,72px);
    grid-auto-flow:initial;
    gap:14px;
    align-items:stretch;
    padding:12px 0 44px;
  }

  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    width:auto;
    min-width:0;
    min-height:0;
    aspect-ratio:auto;
    margin:0;
    translate:none;
    border-radius:24px;
  }

  /* One dominant anchor, surrounded by a deliberately uneven constellation. */
  .work .project:nth-child(1){grid-column:1/5;grid-row:1/7;z-index:3}
  .work .project:nth-child(2){grid-column:5/10;grid-row:1/5;z-index:2}
  .work .project:nth-child(3){grid-column:10/13;grid-row:2/6;top:10px;z-index:4}
  .work .project:nth-child(4){grid-column:5/8;grid-row:5/9;left:18px;z-index:3}
  .work .project:nth-child(5){grid-column:8/13;grid-row:6/11;top:8px;z-index:2}
  .work .project:nth-child(6){grid-column:1/4;grid-row:7/11;left:10px;z-index:4}
  .work .project:nth-child(7){grid-column:4/8;grid-row:9/13;top:-8px;z-index:3}
  .work .project:nth-child(8){grid-column:9/13;grid-row:11/14;top:-12px;z-index:4}

  /* Different silhouettes stop the layout from feeling like a template. */
  .work .project:nth-child(1){border-radius:48px 22px 34px 18px}
  .work .project:nth-child(2){border-radius:20px 46px 22px 30px}
  .work .project:nth-child(3){border-radius:42px 18px 42px 18px}
  .work .project:nth-child(4){border-radius:18px 34px 18px 34px}
  .work .project:nth-child(5){border-radius:30px 54px 24px 24px}
  .work .project:nth-child(6){border-radius:22px 22px 48px 18px}
  .work .project:nth-child(7){border-radius:46px 20px 20px 34px}
  .work .project:nth-child(8){border-radius:18px 46px 24px 18px}

  /* Give every crop a more intentional photographic focus. */
  .work .project:nth-child(1) img{object-position:50% 42%}
  .work .project:nth-child(2) img{object-position:50% 50%}
  .work .project:nth-child(3) img{object-position:52% 42%}
  .work .project:nth-child(4) img{object-position:50% 43%}
  .work .project:nth-child(5) img{object-position:50% 38%}
  .work .project:nth-child(6) img{object-position:50% 45%}
  .work .project:nth-child(7) img{object-position:50% 50%}
  .work .project:nth-child(8) img{object-position:50% 42%}

  .work .project__meta{
    left:18px;
    right:62px;
    bottom:17px;
  }
  .work .project__meta span{font-size:8px}
  .work .project__meta h3{
    margin:7px 0 4px;
    font-size:clamp(19px,2vw,38px);
    line-height:.86;
  }
  .work .project__meta p{
    display:block;
    font-size:11px;
    line-height:1.32;
    max-width:340px;
  }
  .work .project>button{
    top:auto;
    right:15px;
    bottom:15px;
    width:40px;
    height:40px;
    font-size:17px;
  }

  /* The smallest windows carry just enough information. */
  .work .project:nth-child(3) .project__meta p,
  .work .project:nth-child(4) .project__meta p,
  .work .project:nth-child(6) .project__meta p,
  .work .project:nth-child(8) .project__meta p{
    display:none;
  }
  .work .project:nth-child(3) .project__meta h3,
  .work .project:nth-child(4) .project__meta h3,
  .work .project:nth-child(6) .project__meta h3,
  .work .project:nth-child(8) .project__meta h3{
    font-size:clamp(18px,1.65vw,29px);
  }
}

/* Tablet: an editorial two-column masonry rhythm, not a rigid checkerboard. */
@media (min-width:681px) and (max-width:1100px){
  .work .project-universe{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    grid-auto-flow:dense;
    gap:16px;
    align-items:start;
    padding-bottom:32px;
  }
  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    width:100%;
    min-height:0;
    translate:none;
    top:auto;
    left:auto;
    aspect-ratio:4/3;
  }
  .work .project:nth-child(1){grid-row:span 2;aspect-ratio:3/4}
  .work .project:nth-child(2){aspect-ratio:16/10}
  .work .project:nth-child(3){aspect-ratio:1/1}
  .work .project:nth-child(4){aspect-ratio:1/1}
  .work .project:nth-child(5){grid-row:span 2;aspect-ratio:3/4}
  .work .project:nth-child(6){aspect-ratio:4/3}
  .work .project:nth-child(7){grid-column:1/-1;aspect-ratio:16/8}
  .work .project:nth-child(8){aspect-ratio:4/3}
}

/* Mobile: varied cinematic cards, one per row, with no forced sameness. */
@media (max-width:680px){
  .work .project-universe{
    display:grid;
    grid-template-columns:1fr;
    grid-auto-rows:auto;
    gap:16px;
  }
  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    width:100%;
    min-height:0;
    translate:none;
    top:auto;
    left:auto;
    aspect-ratio:4/3;
  }
  .work .project:nth-child(1),
  .work .project:nth-child(5){aspect-ratio:3/4}
  .work .project:nth-child(3),
  .work .project:nth-child(6){aspect-ratio:1/1}
  .work .project:nth-child(2),
  .work .project:nth-child(7){aspect-ratio:16/10}
}

/* ==========================================================
   V7 — ALIGNED PROJECT WALL
   Clean 4 × 2 desktop grid for "NAŠE RIEŠENIA".
   Overrides the previous constellation layout only.
   ========================================================== */

@media (min-width:1101px){
  .work .project-universe{
    position:relative;
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:auto;
    grid-auto-rows:auto;
    grid-auto-flow:row;
    gap:18px;
    align-items:stretch;
    padding:10px 0 36px;
  }

  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    position:relative;
    grid-column:span 4;
    grid-row:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    min-width:0;
    min-height:0;
    margin:0;
    translate:none;
    aspect-ratio:4 / 3;
    border-radius:24px;
    z-index:auto;
  }

  .work .project:nth-child(1){grid-column:1 / span 4}
  .work .project:nth-child(2){grid-column:5 / span 4}
  .work .project:nth-child(3){grid-column:9 / span 4}
  .work .project:nth-child(4){grid-column:1 / span 4}
  .work .project:nth-child(5){grid-column:5 / span 4}
  .work .project:nth-child(6){grid-column:9 / span 4}
  .work .project:nth-child(7){grid-column:3 / span 4}
  .work .project:nth-child(8){grid-column:7 / span 4}

  .work .project:nth-child(n) img{
    object-position:50% 50%;
  }
  .work .project:nth-child(1) img{object-position:50% 42%}
  .work .project:nth-child(3) img{object-position:50% 43%}
  .work .project:nth-child(5) img{object-position:50% 40%}
  .work .project:nth-child(8) img{object-position:50% 44%}

  .work .project__meta{
    left:18px;
    right:60px;
    bottom:17px;
  }
  .work .project__meta span{font-size:8px}
  .work .project__meta h3{
    margin:7px 0 4px;
    font-size:clamp(21px,1.55vw,32px);
    line-height:.88;
  }
  .work .project__meta p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:11px;
    line-height:1.34;
    max-width:320px;
  }
  .work .project>button{
    top:auto;
    right:15px;
    bottom:15px;
    width:42px;
    height:42px;
    font-size:18px;
  }
}

@media (min-width:681px) and (max-width:1100px){
  .work .project-universe{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    grid-auto-flow:row;
    gap:14px;
    align-items:stretch;
    padding-bottom:28px;
  }

  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    position:relative;
    grid-column:auto;
    grid-row:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    min-height:0;
    translate:none;
    aspect-ratio:4 / 3;
    border-radius:22px;
  }

  .work .project__meta h3{font-size:clamp(23px,3.8vw,35px)}
  .work .project__meta p{font-size:11px}
}

@media (max-width:680px){
  .work .project-universe{
    display:grid;
    grid-template-columns:1fr;
    grid-auto-rows:auto;
    gap:14px;
  }

  .work .project,
  .work .project--hero,
  .work .project--wide,
  .work .project--tall,
  .work .project:nth-child(n){
    position:relative;
    grid-column:auto;
    grid-row:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    min-height:0;
    translate:none;
    aspect-ratio:4 / 3;
    border-radius:20px;
  }
}

/* ==========================================================
   V9 — ALIGNED PROJECT TEXT
   Keeps every caption safely inside the 4:3 project window.
   ========================================================== */
.work .project{
  contain:paint;
}

.work .project__meta{
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto minmax(1.8em,auto) minmax(2.75em,auto);
  align-content:end;
  gap:0;
  width:auto;
  max-width:none;
  overflow:hidden;
  text-align:left;
  transform:translate3d(0,0,1px);
}

.work .project__meta span,
.work .project__meta h3,
.work .project__meta p{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
}

.work .project__meta span{
  white-space:nowrap;
  text-overflow:ellipsis;
}

.work .project__meta h3{
  align-self:end;
  min-height:1.8em;
  max-height:1.8em;
  word-break:normal;
}

.work .project__meta p{
  align-self:end;
  min-height:2.75em;
  max-height:2.75em;
  margin:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

@media (min-width:1101px){
  .work .project__meta{
    left:18px;
    right:70px;
    bottom:17px;
    min-height:94px;
  }
}

@media (min-width:681px) and (max-width:1100px){
  .work .project__meta{
    left:18px;
    right:70px;
    bottom:17px;
    min-height:102px;
  }
  .work .project__meta h3{
    min-height:1.8em;
    max-height:1.8em;
  }
}

@media (max-width:680px){
  .work .project__meta{
    left:18px;
    right:68px;
    bottom:18px;
    min-height:104px;
  }
  .work .project__meta h3{
    min-height:1.8em;
    max-height:1.8em;
  }
}

/* ==========================================================
   V10 — LOWER, CONSISTENT CAPTION BASELINE
   Same left alignment; captions sit closer to the bottom edge.
   ========================================================== */
.work .project__meta,
.work .project:nth-child(n) .project__meta{
  bottom:8px;
  align-content:end;
}

@media (min-width:681px) and (max-width:1100px){
  .work .project__meta,
  .work .project:nth-child(n) .project__meta{
    bottom:9px;
  }
}

@media (max-width:680px){
  .work .project__meta,
  .work .project:nth-child(n) .project__meta{
    bottom:10px;
  }
}

/* ==========================================================
   V11 — TRUE BOTTOM-ALIGNED PROJECT CAPTIONS
   The whole caption layer fills the card and anchors its
   visible content to one shared lower baseline.
   ========================================================== */
.work .project__meta,
.work .project:nth-child(n) .project__meta{
  top:0;
  bottom:0;
  min-height:0;
  max-height:none;
  padding-top:14px;
  padding-bottom:14px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:stretch;
  gap:0;
}

.work .project__meta h3,
.work .project:nth-child(n) .project__meta h3{
  min-height:0;
  max-height:none;
  align-self:stretch;
}

.work .project__meta p,
.work .project:nth-child(n) .project__meta p{
  min-height:0;
  max-height:2.7em;
  align-self:stretch;
  margin:0;
}

@media (min-width:1101px){
  .work .project__meta,
  .work .project:nth-child(n) .project__meta{
    padding-bottom:13px;
  }
}

@media (min-width:681px) and (max-width:1100px){
  .work .project__meta,
  .work .project:nth-child(n) .project__meta{
    padding-bottom:14px;
  }
}

@media (max-width:680px){
  .work .project__meta,
  .work .project:nth-child(n) .project__meta{
    padding-bottom:14px;
  }
}


/* ==========================================================
   V12 — ROBUST, ALWAYS-VISIBLE LARGE HEADINGS
   Explicit fills/strokes replace transparent currentColor,
   which made outlined words disappear in some browsers.
   ========================================================== */
.section-head h2,
.services__sticky h2,
.about__copy h2,
.contact__headline h2{
  position:relative;
  z-index:2;
  max-width:100%;
  overflow:visible;
  color:#fff;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:0 transparent;
  text-rendering:geometricPrecision;
  paint-order:stroke fill;
}

.section-head h2 em,
.about__copy h2 em,
.contact__headline h2 em{
  display:inline-block;
  font-style:normal;
  color:rgba(255,255,255,.14);
  -webkit-text-fill-color:rgba(255,255,255,.14);
  -webkit-text-stroke:1.5px var(--scene);
  paint-order:stroke fill;
  text-shadow:0 0 22px color-mix(in srgb,var(--scene),transparent 45%),
              0 0 58px color-mix(in srgb,var(--scene),transparent 72%);
}

/* Section-specific accent colours stay readable even when
   the global --scene variable changes during scrolling. */
.work .section-head h2 em{
  color:#fff;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:1px var(--magenta);
  text-shadow:0 0 22px rgba(255,43,214,.62),0 0 55px rgba(255,43,214,.28);
}

.services .services__sticky h2{
  color:#fff;
  -webkit-text-fill-color:#fff;
  text-shadow:0 0 38px rgba(255,227,90,.16);
}

.about .about__copy h2 em{
  color:rgba(117,84,255,.18);
  -webkit-text-fill-color:rgba(117,84,255,.18);
  -webkit-text-stroke:1.6px #a994ff;
  text-shadow:0 0 24px rgba(117,84,255,.72),0 0 62px rgba(117,84,255,.34);
}

.process .section-head h2 em{
  color:rgba(0,220,255,.15);
  -webkit-text-fill-color:rgba(0,220,255,.15);
  -webkit-text-stroke:1.6px var(--cyan);
  text-shadow:0 0 24px rgba(0,220,255,.66),0 0 62px rgba(0,220,255,.28);
}

.contact .contact__headline h2{
  color:#fff;
  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:0 transparent;
  text-shadow:0 0 46px rgba(255,43,214,.25);
}
.contact .contact__headline h2 em{
  color:rgba(255,43,214,.16);
  -webkit-text-fill-color:rgba(255,43,214,.16);
  -webkit-text-stroke:1.8px #fff;
  text-shadow:0 0 26px rgba(255,43,214,.65),0 0 70px rgba(255,43,214,.30);
}

/* Prevent long display lines from being clipped by their grid column. */
.about__copy,
.contact__headline,
.section-head > div,
.services__sticky{
  min-width:0;
}
.about__copy h2,
.contact__headline h2,
.process .section-head h2{
  font-size:clamp(58px,7.6vw,138px);
}

@media (max-width:1100px){
  .about__copy h2,
  .contact__headline h2,
  .process .section-head h2{
    font-size:clamp(54px,10.5vw,108px);
  }
}

@media (max-width:680px){
  .section-head h2,
  .services__sticky h2,
  .about__copy h2,
  .contact__headline h2{
    line-height:.82;
    font-size:clamp(48px,16vw,88px);
  }
}

/* ==========================================================
   V13 — FEATURED FULL-WIDTH "3D SVETY" PROJECT
   The fourth project spans the complete gallery width while
   staying flush with the shared left and right grid edges.
   ========================================================== */
@media (min-width:1101px){
  .work .project-universe{
    grid-auto-flow:row;
  }

  .work .project:nth-child(1){grid-column:1 / span 4;grid-row:1}
  .work .project:nth-child(2){grid-column:5 / span 4;grid-row:1}
  .work .project:nth-child(3){grid-column:9 / span 4;grid-row:1}

  .work .project:nth-child(4){
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    max-width:none;
    aspect-ratio:16 / 5;
    justify-self:stretch;
    align-self:stretch;
  }

  .work .project:nth-child(4) img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 46%;
  }

  .work .project:nth-child(4) .project__meta{
    right:100px;
    max-width:560px;
  }

  .work .project:nth-child(4) .project__meta h3{
    font-size:clamp(32px,3.2vw,58px);
  }

  .work .project:nth-child(4) .project__meta p{
    max-width:470px;
    font-size:13px;
  }

  .work .project:nth-child(5){grid-column:1 / span 4;grid-row:3}
  .work .project:nth-child(6){grid-column:5 / span 4;grid-row:3}
  .work .project:nth-child(7){grid-column:9 / span 4;grid-row:3}
  .work .project:nth-child(8){grid-column:5 / span 4;grid-row:4}
}

@media (min-width:681px) and (max-width:1100px){
  .work .project:nth-child(4){
    grid-column:1 / -1;
    width:100%;
    aspect-ratio:16 / 7;
  }

  .work .project:nth-child(4) img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 46%;
  }
}

/* ==========================================================
   V14 — 3D SVETY: SAME HEIGHT AND TYPOGRAPHY AS OTHER CARDS
   Full gallery width stays; visual height and caption styling
   now match the surrounding project cards.
   ========================================================== */
@media (min-width:1101px){
  .work .project:nth-child(4){
    aspect-ratio:4 / 1;
    height:auto;
  }

  .work .project:nth-child(4) .project__meta{
    left:18px;
    right:70px;
    max-width:none;
  }

  .work .project:nth-child(4) .project__meta h3{
    font-size:clamp(21px,1.55vw,32px);
    line-height:.88;
  }

  .work .project:nth-child(4) .project__meta p{
    width:100%;
    max-width:320px;
    font-size:11px;
    line-height:1.34;
  }
}

@media (min-width:681px) and (max-width:1100px){
  .work .project:nth-child(4){
    aspect-ratio:8 / 3;
    height:auto;
  }

  .work .project:nth-child(4) .project__meta{
    left:18px;
    right:70px;
    max-width:none;
  }

  .work .project:nth-child(4) .project__meta h3{
    font-size:clamp(23px,3.8vw,35px);
    line-height:.88;
  }

  .work .project:nth-child(4) .project__meta p{
    max-width:320px;
    font-size:11px;
  }
}


/* ==========================================================
   V15 — TWO MORE PROJECT CARDS
   Completes the final desktop row with three equal cards.
   ========================================================== */
@media (min-width:1101px){
  .work .project:nth-child(8){grid-column:1 / span 4;grid-row:4}
  .work .project:nth-child(9){grid-column:5 / span 4;grid-row:4}
  .work .project:nth-child(10){grid-column:9 / span 4;grid-row:4}

  .work .project:nth-child(9),
  .work .project:nth-child(10){
    aspect-ratio:4 / 3;
  }

  .work .project:nth-child(9) img{object-position:50% 48%}
  .work .project:nth-child(10) img{object-position:50% 42%}
}

/* ==========================================================
   V16 — CENTERED LIGHTBOX + CAPTION BELOW + VISIBLE CURSOR
   ========================================================== */
.cursor-dot,
.cursor-ring{
  z-index:1400;
}

body.locked .cursor-dot{
  background:#fff;
  mix-blend-mode:normal;
  box-shadow:0 0 18px #fff,0 0 34px var(--scene);
}

body.locked .cursor-ring{
  border-color:#fff;
  background:rgba(5,5,10,.10);
  box-shadow:0 0 24px rgba(255,255,255,.35),0 0 45px color-mix(in srgb,var(--scene),transparent 40%);
}

.lightbox{
  place-items:center;
  overflow-y:auto;
  padding:clamp(18px,3.5vw,52px);
}

.lightbox__frame{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto auto;
  justify-items:stretch;
  align-items:start;
  width:min(1100px,88vw);
  max-width:88vw;
  max-height:none;
  margin:auto;
}

.lightbox__image-wrap{
  width:100%;
  height:min(68vh,720px);
  max-height:68vh;
  margin:0 auto;
}

.lightbox figcaption{
  width:100%;
  padding:18px 8px 0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "index title"
    "index text";
  column-gap:20px;
  row-gap:7px;
  align-items:start;
  text-align:left;
}

.lightbox__index{
  grid-area:index;
  padding-top:5px;
  white-space:nowrap;
}

.lightbox__title{
  grid-area:title;
  margin:0;
  font-size:clamp(25px,2.6vw,38px);
  line-height:.92;
}

.lightbox__text{
  grid-area:text;
  margin:0;
  max-width:760px;
  font-size:14px;
  line-height:1.5;
}

@media (max-width:680px){
  .lightbox{
    padding:16px;
  }

  .lightbox__frame{
    width:94vw;
    max-width:94vw;
  }

  .lightbox__image-wrap{
    height:60vh;
    max-height:60vh;
  }

  .lightbox figcaption{
    grid-template-columns:1fr;
    grid-template-areas:
      "index"
      "title"
      "text";
    gap:8px;
    padding:14px 2px 0;
  }

  .lightbox__index{
    padding-top:0;
  }
}

/* ==========================================================
   V17 — LIGHTBOX HEIGHT FOLLOWS THE ACTUAL IMAGE
   ========================================================== */
.lightbox__frame{
  width:fit-content;
  max-width:88vw;
  justify-items:center;
}

.lightbox__image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:88vw;
  height:auto;
  max-height:none;
  margin:0 auto;
}

.lightbox__image{
  display:block;
  width:auto;
  height:auto;
  max-width:88vw;
  max-height:68vh;
  object-fit:contain;
}

.lightbox figcaption{
  width:100%;
  max-width:88vw;
}

@media (max-width:680px){
  .lightbox__frame,
  .lightbox__image-wrap{
    max-width:94vw;
  }

  .lightbox__image{
    max-width:94vw;
    max-height:68vh;
  }

  .lightbox figcaption{
    max-width:94vw;
  }
}

/* ==========================================================
   V17 — EXPANDED ORBIT RINGS
   Only DESIGN / PRINT / INSTALL orbit geometry is enlarged.
   ========================================================== */
.portal{
  overflow:visible;
}

.portal__orbit{
  pointer-events:none;
  overflow:visible;
}

/* Outer DESIGN orbit intentionally overlaps the portal bounds. */
.portal .orbit-a{
  inset:-8%;
}

/* PRINT orbit enlarged while remaining inside the outer ring. */
.portal .orbit-b{
  inset:6%;
}

/* INSTALL orbit enlarged proportionally to preserve depth. */
.portal .orbit-c{
  inset:18%;
}

/* Keep the larger rings balanced on tablets and narrow screens. */
@media (max-width:1100px){
  .portal .orbit-a{inset:-5%}
  .portal .orbit-b{inset:8%}
  .portal .orbit-c{inset:20%}
}

@media (max-width:680px){
  .portal .orbit-a{inset:-2%}
  .portal .orbit-b{inset:10%}
  .portal .orbit-c{inset:22%}
}

/* ==========================================================
   V17B — DASHED DESIGN ORBIT + SLOWER ORBIT MOTION
   Keeps all portal geometry intact; only ring styling/speed changes.
   ========================================================== */

/* Slow, calm orbit motion. */
.portal .orbit-a{
  animation-duration:42s;
}

.portal .orbit-b{
  animation-duration:54s;
}

.portal .orbit-c{
  animation-duration:66s;
}

/* Elegant broken line on the outer DESIGN orbit. */
.portal .orbit-a::before,
.portal .orbit-a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
}

.portal .orbit-a::before{
  border:1px dashed color-mix(in srgb,var(--cyan),transparent 25%);
  box-shadow:
    0 0 16px color-mix(in srgb,var(--cyan),transparent 76%),
    inset 0 0 14px color-mix(in srgb,var(--cyan),transparent 87%);
  opacity:.82;
}

/* A second sparse dash layer gives the ring more depth without clutter. */
.portal .orbit-a::after{
  inset:7px;
  border:1px dashed color-mix(in srgb,#fff,transparent 76%);
  opacity:.42;
  transform:rotate(6deg);
}

@media (max-width:680px){
  .portal .orbit-a::after{display:none}
  .portal .orbit-a::before{opacity:.68}
}

/* ==========================================================
   V NEXT — RIGHT CMYK SCROLL PROGRESS: 75% VIEWPORT HEIGHT
   Only the vertical scroll indicator is changed.
   ========================================================== */
.scroll-progress{
  height:75vh;
  height:75dvh;
}


/* V76 — yellow www. prefix in header and footer brand */
.brand__name .brand__www{
  color:var(--yellow);
  font:inherit;
  font-weight:1000;
  margin-right:.08em;
  text-shadow:0 0 14px rgba(255,227,90,.34);
}

/* ==========================================================
   ABOUT / 30+ ROKOV — HEADER-STYLE ORBIT ANIMATION
   Reuses the existing three empty ring elements; no rotating labels.
   Everything else in the section stays untouched.
   ========================================================== */
.about__visual{
  overflow:visible;
}

.about__rings{
  inset:-5%;
  z-index:2;
  animation:none;
  pointer-events:none;
  transform-style:preserve-3d;
}

.about__rings i{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  will-change:transform;
}

/* Outer cyan orbit — double broken line, like the DESIGN orbit above. */
.about__rings i:nth-child(1){
  inset:0;
  border:1px dashed color-mix(in srgb,var(--cyan),transparent 24%);
  box-shadow:
    0 0 20px color-mix(in srgb,var(--cyan),transparent 72%),
    inset 0 0 18px color-mix(in srgb,var(--cyan),transparent 86%);
  animation:slowSpin 42s linear infinite;
}

.about__rings i:nth-child(1)::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px dashed color-mix(in srgb,#fff,transparent 78%);
  border-radius:50%;
  transform:rotate(7deg);
  opacity:.48;
}

/* Middle magenta orbit — reverse direction with sparse illuminated segments. */
.about__rings i:nth-child(2){
  inset:11%;
  border:1px dashed color-mix(in srgb,var(--magenta),transparent 30%);
  background:
    repeating-conic-gradient(
      from 18deg,
      color-mix(in srgb,var(--magenta),transparent 38%) 0 1.2deg,
      transparent 1.2deg 16deg
    );
  -webkit-mask:radial-gradient(circle,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(circle,transparent calc(100% - 3px),#000 calc(100% - 2px));
  box-shadow:0 0 24px color-mix(in srgb,var(--magenta),transparent 76%);
  animation:slowSpinReverse 54s linear infinite;
}

/* Inner yellow orbit — calm pulse plus slow rotation. */
.about__rings i:nth-child(3){
  inset:23%;
  border:2px solid color-mix(in srgb,var(--yellow),transparent 48%);
  background:
    repeating-conic-gradient(
      from 0deg,
      color-mix(in srgb,var(--yellow),transparent 22%) 0 2deg,
      transparent 2deg 28deg
    );
  -webkit-mask:radial-gradient(circle,transparent calc(100% - 4px),#000 calc(100% - 3px));
  mask:radial-gradient(circle,transparent calc(100% - 4px),#000 calc(100% - 3px));
  box-shadow:
    0 0 38px color-mix(in srgb,var(--yellow),transparent 76%),
    inset 0 0 22px color-mix(in srgb,var(--yellow),transparent 86%);
  animation:aboutOrbitInner 66s linear infinite;
}

@keyframes aboutOrbitInner{
  0%{transform:rotate(0deg) scale(1);opacity:.82}
  50%{transform:rotate(180deg) scale(1.045);opacity:.48}
  100%{transform:rotate(360deg) scale(1);opacity:.82}
}

@media (max-width:1100px){
  .about__rings{inset:-3%}
}

@media (max-width:680px){
  .about__rings{inset:0}
  .about__rings i:nth-child(1)::after{display:none}
}


/* ==========================================================
   CMYK CHAOS BACKGROUND — background-only visual treatment.
   Layout, content, interaction and component geometry unchanged.
   ========================================================== */
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(0,220,255,.075),transparent 30%),
    radial-gradient(circle at 94% 26%,rgba(255,43,214,.055),transparent 24%),
    radial-gradient(circle at 8% 69%,rgba(255,227,90,.042),transparent 27%),
    linear-gradient(180deg,#05050a 0%,#07060d 38%,#040408 100%);
}

main{
  position:relative;
  isolation:isolate;
}

main::before,
main::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* Large irregular CMYK ink splashes, drips and orbital streaks. */
main::before{
  z-index:-2;
  opacity:.86;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221800%22%20height%3D%221400%22%20viewBox%3D%220%200%201800%201400%22%3E%0A%3Cdefs%3E%0A%20%20%3Cfilter%20id%3D%22rough%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.012%200.028%22%20numOctaves%3D%223%22%20seed%3D%2217%22%20result%3D%22noise%22%2F%3E%0A%20%20%20%20%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2252%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22B%22%2F%3E%0A%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%220.35%22%2F%3E%0A%20%20%3C%2Ffilter%3E%0A%20%20%3Cfilter%20id%3D%22soft%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22180%25%22%20height%3D%22180%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2224%22%2F%3E%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3Cg%20opacity%3D%22.78%22%20style%3D%22mix-blend-mode%3Ascreen%22%3E%0A%20%20%3Cellipse%20cx%3D%22210%22%20cy%3D%22260%22%20rx%3D%22255%22%20ry%3D%22180%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.10%22%20filter%3D%22url%28%23soft%29%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-85%20258%20C40%20128%20128%20105%20265%20170%20C352%20212%20420%20192%20500%20290%20C395%20343%20330%20446%20194%20420%20C78%20398%2010%20338%20-85%20350%20Z%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.22%22%20filter%3D%22url%28%23rough%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22480%22%20cy%3D%22170%22%20r%3D%2221%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.40%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22225%22%20r%3D%228%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.52%22%2F%3E%3Ccircle%20cx%3D%22438%22%20cy%3D%22472%22%20r%3D%2213%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.42%22%2F%3E%3Ccircle%20cx%3D%22545%22%20cy%3D%22382%22%20r%3D%225%22%20fill%3D%22%2300dcff%22%20opacity%3D%22.72%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M98%20435%20C175%20470%20217%20512%20255%20603%22%20fill%3D%22none%22%20stroke%3D%22%2300dcff%22%20stroke-width%3D%2215%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.17%22%2F%3E%0A%0A%20%20%3Cellipse%20cx%3D%221510%22%20cy%3D%22270%22%20rx%3D%22280%22%20ry%3D%22190%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.10%22%20filter%3D%22url%28%23soft%29%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M1230%2088%20C1320%205%201465%2018%201538%20118%20C1607%20212%201741%20164%201875%20248%20L1875%20465%20C1745%20400%201645%20508%201528%20442%20C1420%20381%201296%20421%201218%20329%20C1146%20244%201158%20155%201230%2088%20Z%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.20%22%20filter%3D%22url%28%23rough%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%221190%22%20cy%3D%22188%22%20r%3D%2210%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.54%22%2F%3E%3Ccircle%20cx%3D%221275%22%20cy%3D%22500%22%20r%3D%2217%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.38%22%2F%3E%3Ccircle%20cx%3D%221660%22%20cy%3D%22532%22%20r%3D%227%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.65%22%2F%3E%3Ccircle%20cx%3D%221750%22%20cy%3D%22125%22%20r%3D%2222%22%20fill%3D%22%23ff2bd6%22%20opacity%3D%22.33%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M1640%20410%20C1585%20505%201572%20595%201615%20690%22%20fill%3D%22none%22%20stroke%3D%22%23ff2bd6%22%20stroke-width%3D%2212%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.14%22%2F%3E%0A%0A%20%20%3Cellipse%20cx%3D%22930%22%20cy%3D%221030%22%20rx%3D%22250%22%20ry%3D%22170%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.075%22%20filter%3D%22url%28%23soft%29%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M650%201038%20C710%20894%20838%20848%20967%20902%20C1070%20946%201140%20893%201245%201015%20C1162%201104%201120%201248%20962%201266%20C818%201282%20709%201197%20650%201038%20Z%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.15%22%20filter%3D%22url%28%23rough%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22665%22%20cy%3D%22870%22%20r%3D%228%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.62%22%2F%3E%3Ccircle%20cx%3D%221200%22%20cy%3D%221260%22%20r%3D%2216%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.34%22%2F%3E%3Ccircle%20cx%3D%221320%22%20cy%3D%221090%22%20r%3D%226%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.70%22%2F%3E%3Ccircle%20cx%3D%22730%22%20cy%3D%221320%22%20r%3D%2212%22%20fill%3D%22%23ffe35a%22%20opacity%3D%22.42%22%2F%3E%0A%0A%20%20%3Cpath%20d%3D%22M300%201130%20C535%201018%20706%201012%20895%201088%22%20fill%3D%22none%22%20stroke%3D%22%2300dcff%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%223%2024%22%20opacity%3D%22.27%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M900%20510%20C1090%20580%201215%20688%201362%20840%22%20fill%3D%22none%22%20stroke%3D%22%23ff2bd6%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%2242%2018%205%2023%22%20opacity%3D%22.25%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M250%20735%20C580%20660%20860%20685%201150%20760%22%20fill%3D%22none%22%20stroke%3D%22%23ffe35a%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%222%2019%22%20opacity%3D%22.22%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"),
    radial-gradient(ellipse at 12% 10%,rgba(0,220,255,.12),transparent 24%),
    radial-gradient(ellipse at 91% 36%,rgba(255,43,214,.105),transparent 25%),
    radial-gradient(ellipse at 54% 72%,rgba(255,227,90,.075),transparent 22%);
  background-size:
    min(1800px,125vw) auto,
    100% 1700px,
    100% 1900px,
    100% 1600px;
  background-position:
    center top,
    center 4%,
    center 42%,
    center 78%;
  background-repeat:
    repeat-y,
    repeat-y,
    repeat-y,
    repeat-y;
  mix-blend-mode:screen;
  filter:saturate(1.18) contrast(1.06);
}

/* Printed-paper grime: scratches, toner dust, halftone fields and registration noise. */
main::after{
  z-index:-1;
  opacity:.52;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221800%22%20height%3D%221400%22%20viewBox%3D%220%200%201800%201400%22%3E%3Cg%3E%3Cpath%20d%3D%22M463%20606%20l13%203%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.071%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1304%20712%20l12%200%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.066%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M405%20556%20l88%2024%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.115%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%2080%20l25%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.120%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M138%20677%20l60%20-7%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.094%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M837%20407%20l56%204%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.114%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M630%20685%20l82%20-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.088%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M159%2021%20l72%20-15%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.054%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1719%201252%20l19%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.046%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1024%201278%20l63%20-13%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.074%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M394%201150%20l71%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.089%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1233%20763%20l20%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.092%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M568%20948%20l14%20-3%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.097%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M921%201274%20l89%2014%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.117%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M532%201232%20l49%203%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.036%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M208%20773%20l29%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.041%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M579%20935%20l54%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.038%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1644%2069%20l36%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.084%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1710%2061%20l72%20-15%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.120%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M488%20554%20l41%203%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.044%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M863%201001%20l110%20-7%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.070%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1663%201010%20l67%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.061%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M581%20302%20l48%203%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.109%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M852%20936%20l40%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.111%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1800%20995%20l71%2019%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.056%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1220%201036%20l94%20-6%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.055%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1196%20959%20l91%20-10%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.096%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1173%20210%20l98%2015%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.107%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M327%20179%20l16%20-1%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.088%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1476%20711%20l49%203%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.085%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1232%20934%20l68%20-8%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.036%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1095%20959%20l51%20-6%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.088%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M972%20326%20l45%20-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.085%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M900%201349%20l44%20-9%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.074%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M807%201347%20l101%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.047%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M957%20300%20l102%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.111%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M971%20610%20l84%20-10%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.069%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M618%20684%20l87%2024%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.057%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1410%20194%20l70%2011%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.043%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1201%20124%20l34%205%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.067%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M903%2063%20l36%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.088%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1702%201065%20l56%2015%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.079%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M829%201030%20l93%20-20%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.108%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M580%2040%20l40%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.079%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1462%20245%20l39%206%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.074%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1643%20678%20l23%20-2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.072%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1436%20530%20l65%20-14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.114%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M333%201152%20l78%20-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.113%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M927%2080%20l105%2029%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.038%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M918%20404%20l81%20-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.119%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1533%20797%20l110%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.079%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1327%2048%20l37%20-8%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.047%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M60%201075%20l69%20-8%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.115%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M630%20655%20l55%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.101%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1687%20432%20l57%204%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.118%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M636%201110%20l104%2016%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.049%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M789%201158%20l31%20-6%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.061%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1406%2065%20l93%2014%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.066%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M464%201099%20l69%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.112%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M32%20680%20l60%20-7%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.107%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M745%20406%20l89%20-6%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.119%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1252%201205%20l82%20-5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.104%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M732%20135%20l95%20-20%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.071%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M970%201193%20l51%2014%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.110%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M649%201363%20l30%20-2%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.077%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1592%2026%20l93%20-11%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.097%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M910%20448%20l68%20-8%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.057%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M789%20988%20l62%204%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.073%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M787%201036%20l105%2016%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.035%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M647%2068%20l62%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.057%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1510%20915%20l60%20-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.070%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M663%20509%20l84%20-18%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.112%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1480%201081%20l33%20-3%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.120%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1428%20494%20l89%20-10%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.058%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1635%20981%20l61%204%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.059%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M744%201031%20l32%202%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.118%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M88%201064%20l109%2030%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.071%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M59%201028%20l61%2017%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.083%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M636%20944%20l47%20-10%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20opacity%3D%220.097%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M801%20404%20l108%2030%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.046%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M606%20747%20l56%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.053%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1782%201001%20l107%208%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.111%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M259%201023%20l43%20-9%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.060%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M646%20157%20l44%2012%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.076%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M661%20155%20l85%20-10%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20opacity%3D%220.038%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%221760%22%20cy%3D%221272%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.068%22%2F%3E%3Ccircle%20cx%3D%22103%22%20cy%3D%22622%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.103%22%2F%3E%3Ccircle%20cx%3D%221749%22%20cy%3D%221182%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.098%22%2F%3E%3Ccircle%20cx%3D%221037%22%20cy%3D%22669%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.047%22%2F%3E%3Ccircle%20cx%3D%22918%22%20cy%3D%22908%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.092%22%2F%3E%3Ccircle%20cx%3D%22526%22%20cy%3D%22521%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.099%22%2F%3E%3Ccircle%20cx%3D%22771%22%20cy%3D%22353%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.080%22%2F%3E%3Ccircle%20cx%3D%22536%22%20cy%3D%22486%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.082%22%2F%3E%3Ccircle%20cx%3D%22736%22%20cy%3D%22322%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.119%22%2F%3E%3Ccircle%20cx%3D%22966%22%20cy%3D%221391%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.094%22%2F%3E%3Ccircle%20cx%3D%221612%22%20cy%3D%221391%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.115%22%2F%3E%3Ccircle%20cx%3D%221040%22%20cy%3D%22555%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.092%22%2F%3E%3Ccircle%20cx%3D%221101%22%20cy%3D%22809%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.082%22%2F%3E%3Ccircle%20cx%3D%221659%22%20cy%3D%221181%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.056%22%2F%3E%3Ccircle%20cx%3D%22564%22%20cy%3D%22665%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.094%22%2F%3E%3Ccircle%20cx%3D%221577%22%20cy%3D%22149%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.075%22%2F%3E%3Ccircle%20cx%3D%221390%22%20cy%3D%22400%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.038%22%2F%3E%3Ccircle%20cx%3D%22858%22%20cy%3D%22524%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.040%22%2F%3E%3Ccircle%20cx%3D%221733%22%20cy%3D%22441%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.119%22%2F%3E%3Ccircle%20cx%3D%22322%22%20cy%3D%2236%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.111%22%2F%3E%3Ccircle%20cx%3D%221542%22%20cy%3D%22170%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.038%22%2F%3E%3Ccircle%20cx%3D%221761%22%20cy%3D%22430%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.105%22%2F%3E%3Ccircle%20cx%3D%221126%22%20cy%3D%22586%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.060%22%2F%3E%3Ccircle%20cx%3D%22979%22%20cy%3D%22928%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.049%22%2F%3E%3Ccircle%20cx%3D%22699%22%20cy%3D%221140%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.074%22%2F%3E%3Ccircle%20cx%3D%221030%22%20cy%3D%22833%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.046%22%2F%3E%3Ccircle%20cx%3D%221724%22%20cy%3D%22701%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.065%22%2F%3E%3Ccircle%20cx%3D%221582%22%20cy%3D%221044%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.073%22%2F%3E%3Ccircle%20cx%3D%22877%22%20cy%3D%22967%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.053%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%221021%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.051%22%2F%3E%3Ccircle%20cx%3D%22842%22%20cy%3D%22610%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.112%22%2F%3E%3Ccircle%20cx%3D%22865%22%20cy%3D%22415%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.045%22%2F%3E%3Ccircle%20cx%3D%22973%22%20cy%3D%22447%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.045%22%2F%3E%3Ccircle%20cx%3D%221464%22%20cy%3D%22655%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.116%22%2F%3E%3Ccircle%20cx%3D%221321%22%20cy%3D%22491%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.045%22%2F%3E%3Ccircle%20cx%3D%221056%22%20cy%3D%22251%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.065%22%2F%3E%3Ccircle%20cx%3D%22924%22%20cy%3D%22661%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.034%22%2F%3E%3Ccircle%20cx%3D%22605%22%20cy%3D%22372%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.104%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22645%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.044%22%2F%3E%3Ccircle%20cx%3D%221709%22%20cy%3D%22985%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.068%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%22894%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.083%22%2F%3E%3Ccircle%20cx%3D%22855%22%20cy%3D%22319%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.026%22%2F%3E%3Ccircle%20cx%3D%22241%22%20cy%3D%221068%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.084%22%2F%3E%3Ccircle%20cx%3D%221349%22%20cy%3D%22642%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.069%22%2F%3E%3Ccircle%20cx%3D%22635%22%20cy%3D%22935%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.110%22%2F%3E%3Ccircle%20cx%3D%221653%22%20cy%3D%22637%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.057%22%2F%3E%3Ccircle%20cx%3D%221556%22%20cy%3D%221016%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.063%22%2F%3E%3Ccircle%20cx%3D%22434%22%20cy%3D%22667%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.067%22%2F%3E%3Ccircle%20cx%3D%221084%22%20cy%3D%221234%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.118%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%221048%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.097%22%2F%3E%3Ccircle%20cx%3D%22946%22%20cy%3D%22938%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.070%22%2F%3E%3Ccircle%20cx%3D%22368%22%20cy%3D%221306%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.028%22%2F%3E%3Ccircle%20cx%3D%22476%22%20cy%3D%22542%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.096%22%2F%3E%3Ccircle%20cx%3D%221775%22%20cy%3D%22314%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.119%22%2F%3E%3Ccircle%20cx%3D%221442%22%20cy%3D%22453%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.097%22%2F%3E%3Ccircle%20cx%3D%22715%22%20cy%3D%22728%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.059%22%2F%3E%3Ccircle%20cx%3D%221186%22%20cy%3D%22295%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.100%22%2F%3E%3Ccircle%20cx%3D%221464%22%20cy%3D%221072%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.054%22%2F%3E%3Ccircle%20cx%3D%221666%22%20cy%3D%22177%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.107%22%2F%3E%3Ccircle%20cx%3D%22932%22%20cy%3D%221150%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.100%22%2F%3E%3Ccircle%20cx%3D%221020%22%20cy%3D%22720%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.087%22%2F%3E%3Ccircle%20cx%3D%22576%22%20cy%3D%22569%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.076%22%2F%3E%3Ccircle%20cx%3D%221751%22%20cy%3D%221023%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.113%22%2F%3E%3Ccircle%20cx%3D%221674%22%20cy%3D%22928%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.036%22%2F%3E%3Ccircle%20cx%3D%22197%22%20cy%3D%22896%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.031%22%2F%3E%3Ccircle%20cx%3D%22729%22%20cy%3D%22539%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.084%22%2F%3E%3Ccircle%20cx%3D%22925%22%20cy%3D%22814%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.026%22%2F%3E%3Ccircle%20cx%3D%22290%22%20cy%3D%221122%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.034%22%2F%3E%3Ccircle%20cx%3D%22392%22%20cy%3D%22978%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.090%22%2F%3E%3Ccircle%20cx%3D%22655%22%20cy%3D%22507%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.076%22%2F%3E%3Ccircle%20cx%3D%22722%22%20cy%3D%221252%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.096%22%2F%3E%3Ccircle%20cx%3D%221266%22%20cy%3D%22788%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.112%22%2F%3E%3Ccircle%20cx%3D%22281%22%20cy%3D%22956%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.073%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22937%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.037%22%2F%3E%3Ccircle%20cx%3D%22252%22%20cy%3D%22108%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.089%22%2F%3E%3Ccircle%20cx%3D%221624%22%20cy%3D%221043%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.037%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%22460%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.105%22%2F%3E%3Ccircle%20cx%3D%22204%22%20cy%3D%22558%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.086%22%2F%3E%3Ccircle%20cx%3D%221127%22%20cy%3D%221055%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.063%22%2F%3E%3Ccircle%20cx%3D%221367%22%20cy%3D%2241%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.063%22%2F%3E%3Ccircle%20cx%3D%22937%22%20cy%3D%22332%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.068%22%2F%3E%3Ccircle%20cx%3D%221176%22%20cy%3D%2226%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.106%22%2F%3E%3Ccircle%20cx%3D%22271%22%20cy%3D%22221%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.100%22%2F%3E%3Ccircle%20cx%3D%22675%22%20cy%3D%221008%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.046%22%2F%3E%3Ccircle%20cx%3D%221235%22%20cy%3D%22726%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.061%22%2F%3E%3Ccircle%20cx%3D%221451%22%20cy%3D%22486%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.085%22%2F%3E%3Ccircle%20cx%3D%221236%22%20cy%3D%22132%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.114%22%2F%3E%3Ccircle%20cx%3D%22664%22%20cy%3D%22906%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.082%22%2F%3E%3Ccircle%20cx%3D%221415%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.080%22%2F%3E%3Ccircle%20cx%3D%22695%22%20cy%3D%22111%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.064%22%2F%3E%3Ccircle%20cx%3D%22767%22%20cy%3D%22579%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.028%22%2F%3E%3Ccircle%20cx%3D%221625%22%20cy%3D%221078%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.089%22%2F%3E%3Ccircle%20cx%3D%22273%22%20cy%3D%22516%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.077%22%2F%3E%3Ccircle%20cx%3D%221025%22%20cy%3D%2297%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.097%22%2F%3E%3Ccircle%20cx%3D%22442%22%20cy%3D%22987%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.091%22%2F%3E%3Ccircle%20cx%3D%22472%22%20cy%3D%22511%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.106%22%2F%3E%3Ccircle%20cx%3D%22912%22%20cy%3D%2251%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.088%22%2F%3E%3Ccircle%20cx%3D%22222%22%20cy%3D%22114%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.038%22%2F%3E%3Ccircle%20cx%3D%22958%22%20cy%3D%221202%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.029%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%2281%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.048%22%2F%3E%3Ccircle%20cx%3D%221368%22%20cy%3D%221367%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.103%22%2F%3E%3Ccircle%20cx%3D%22642%22%20cy%3D%22170%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.100%22%2F%3E%3Ccircle%20cx%3D%221289%22%20cy%3D%22911%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.036%22%2F%3E%3Ccircle%20cx%3D%221681%22%20cy%3D%221208%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.033%22%2F%3E%3Ccircle%20cx%3D%22803%22%20cy%3D%22615%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.051%22%2F%3E%3Ccircle%20cx%3D%221166%22%20cy%3D%22655%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.061%22%2F%3E%3Ccircle%20cx%3D%221354%22%20cy%3D%2299%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.030%22%2F%3E%3Ccircle%20cx%3D%221232%22%20cy%3D%22342%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.043%22%2F%3E%3Ccircle%20cx%3D%22293%22%20cy%3D%221399%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.059%22%2F%3E%3Ccircle%20cx%3D%221566%22%20cy%3D%22260%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.083%22%2F%3E%3Ccircle%20cx%3D%221456%22%20cy%3D%22659%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.095%22%2F%3E%3Ccircle%20cx%3D%22766%22%20cy%3D%22785%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.031%22%2F%3E%3Ccircle%20cx%3D%221711%22%20cy%3D%22162%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.042%22%2F%3E%3Ccircle%20cx%3D%221459%22%20cy%3D%22872%22%20r%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.090%22%2F%3E%3Ccircle%20cx%3D%221317%22%20cy%3D%22981%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.036%22%2F%3E%3Ccircle%20cx%3D%22494%22%20cy%3D%22605%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.094%22%2F%3E%3Ccircle%20cx%3D%221490%22%20cy%3D%221343%22%20r%3D%225%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.061%22%2F%3E%3Ccircle%20cx%3D%22305%22%20cy%3D%221243%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.103%22%2F%3E%3Ccircle%20cx%3D%22547%22%20cy%3D%22769%22%20r%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.033%22%2F%3E%3Ccircle%20cx%3D%221749%22%20cy%3D%221370%22%20r%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.076%22%2F%3E%3Crect%20x%3D%221532%22%20y%3D%22421%22%20width%3D%2272%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.059%22%20transform%3D%22rotate%28-2%201532%20421%29%22%2F%3E%3Crect%20x%3D%22205%22%20y%3D%22637%22%20width%3D%2265%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.027%22%20transform%3D%22rotate%287%20205%20637%29%22%2F%3E%3Crect%20x%3D%22196%22%20y%3D%221032%22%20width%3D%22177%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.067%22%20transform%3D%22rotate%28-15%20196%201032%29%22%2F%3E%3Crect%20x%3D%221476%22%20y%3D%22977%22%20width%3D%22229%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.026%22%20transform%3D%22rotate%28-11%201476%20977%29%22%2F%3E%3Crect%20x%3D%221578%22%20y%3D%22530%22%20width%3D%2288%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.057%22%20transform%3D%22rotate%28-8%201578%20530%29%22%2F%3E%3Crect%20x%3D%221012%22%20y%3D%221013%22%20width%3D%22218%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.028%22%20transform%3D%22rotate%28-11%201012%201013%29%22%2F%3E%3Crect%20x%3D%22617%22%20y%3D%22945%22%20width%3D%2264%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.057%22%20transform%3D%22rotate%28-15%20617%20945%29%22%2F%3E%3Crect%20x%3D%22469%22%20y%3D%22215%22%20width%3D%22186%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.059%22%20transform%3D%22rotate%287%20469%20215%29%22%2F%3E%3Crect%20x%3D%221314%22%20y%3D%22355%22%20width%3D%2276%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.028%22%20transform%3D%22rotate%2814%201314%20355%29%22%2F%3E%3Crect%20x%3D%221177%22%20y%3D%22643%22%20width%3D%2253%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.044%22%20transform%3D%22rotate%289%201177%20643%29%22%2F%3E%3Crect%20x%3D%22695%22%20y%3D%2222%22%20width%3D%22176%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.033%22%20transform%3D%22rotate%2815%20695%2022%29%22%2F%3E%3Crect%20x%3D%22492%22%20y%3D%22459%22%20width%3D%22193%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.048%22%20transform%3D%22rotate%282%20492%20459%29%22%2F%3E%3Crect%20x%3D%221606%22%20y%3D%221224%22%20width%3D%22137%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.059%22%20transform%3D%22rotate%2811%201606%201224%29%22%2F%3E%3Crect%20x%3D%22312%22%20y%3D%2263%22%20width%3D%22154%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.040%22%20transform%3D%22rotate%284%20312%2063%29%22%2F%3E%3Crect%20x%3D%22492%22%20y%3D%22231%22%20width%3D%22225%22%20height%3D%221%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.029%22%20transform%3D%22rotate%284%20492%20231%29%22%2F%3E%3Crect%20x%3D%22343%22%20y%3D%221056%22%20width%3D%22102%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.051%22%20transform%3D%22rotate%2812%20343%201056%29%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%22426%22%20width%3D%2267%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.070%22%20transform%3D%22rotate%28-7%2018%20426%29%22%2F%3E%3Crect%20x%3D%221755%22%20y%3D%221%22%20width%3D%22198%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.030%22%20transform%3D%22rotate%28-2%201755%201%29%22%2F%3E%3Crect%20x%3D%22370%22%20y%3D%22679%22%20width%3D%22227%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.036%22%20transform%3D%22rotate%28-6%20370%20679%29%22%2F%3E%3Crect%20x%3D%22312%22%20y%3D%22919%22%20width%3D%22152%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.067%22%20transform%3D%22rotate%2810%20312%20919%29%22%2F%3E%3Crect%20x%3D%22633%22%20y%3D%221153%22%20width%3D%22101%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.037%22%20transform%3D%22rotate%28-15%20633%201153%29%22%2F%3E%3Crect%20x%3D%221103%22%20y%3D%221355%22%20width%3D%22196%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.071%22%20transform%3D%22rotate%28-2%201103%201355%29%22%2F%3E%3Crect%20x%3D%221086%22%20y%3D%22527%22%20width%3D%22115%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.058%22%20transform%3D%22rotate%28-12%201086%20527%29%22%2F%3E%3Crect%20x%3D%22335%22%20y%3D%22702%22%20width%3D%22223%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.065%22%20transform%3D%22rotate%288%20335%20702%29%22%2F%3E%3Crect%20x%3D%221639%22%20y%3D%221399%22%20width%3D%2289%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.057%22%20transform%3D%22rotate%284%201639%201399%29%22%2F%3E%3Crect%20x%3D%22409%22%20y%3D%22142%22%20width%3D%22131%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.050%22%20transform%3D%22rotate%284%20409%20142%29%22%2F%3E%3Crect%20x%3D%221770%22%20y%3D%22648%22%20width%3D%22220%22%20height%3D%222%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.071%22%20transform%3D%22rotate%284%201770%20648%29%22%2F%3E%3Crect%20x%3D%221125%22%20y%3D%22908%22%20width%3D%22187%22%20height%3D%223%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.058%22%20transform%3D%22rotate%28-7%201125%20908%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    repeating-radial-gradient(circle at 18% 27%,rgba(255,255,255,.06) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(113deg,transparent 0 76px,rgba(255,255,255,.018) 77px 78px,transparent 79px 153px),
    linear-gradient(90deg,transparent 0 49.92%,rgba(255,255,255,.025) 50%,transparent 50.08%);
  background-size:
    min(1800px,125vw) auto,
    360px 360px,
    620px 620px,
    100% 100%;
  background-position:center top,0 0,0 0,0 0;
  background-repeat:repeat-y,repeat,repeat,no-repeat;
  mix-blend-mode:soft-light;
}

/* Keep section lighting transparent enough for the new background to breathe through. */
.work{background:linear-gradient(180deg,transparent,rgba(255,43,214,.027),transparent)}
.services{background:linear-gradient(180deg,transparent,rgba(255,227,90,.022),transparent)}
.about{background:linear-gradient(180deg,transparent,rgba(117,84,255,.035),transparent)}
.process{background:linear-gradient(180deg,transparent,rgba(0,220,255,.025),transparent)}

@media (max-width:1100px){
  main::before{
    opacity:.72;
    background-size:1450px auto,100% 1450px,100% 1650px,100% 1450px;
  }
  main::after{opacity:.42;background-size:1450px auto,320px 320px,520px 520px,100% 100%}
}

@media (max-width:680px){
  main::before{
    opacity:.56;
    background-size:1050px auto,100% 1200px,100% 1350px,100% 1200px;
    background-position:42% top,center 5%,center 44%,center 80%;
  }
  main::after{opacity:.28;background-size:1050px auto,280px 280px,440px 440px,100% 100%}
}

@media (prefers-reduced-motion:reduce){
  main::before,main::after{background-attachment:scroll}
}

/* ==========================================================
   SOFT CMYK ATMOSPHERE — calmer replacement for hard splashes.
   Background only; all layout and component styling stays intact.
   ========================================================== */
body{
  background:
    radial-gradient(ellipse at 18% 2%,rgba(0,220,255,.055),transparent 34%),
    radial-gradient(ellipse at 88% 18%,rgba(255,43,214,.045),transparent 36%),
    radial-gradient(ellipse at 54% 72%,rgba(255,227,90,.022),transparent 38%),
    linear-gradient(180deg,#05050a 0%,#07070d 45%,#040408 100%);
}

main::before{
  z-index:-2;
  opacity:.62;
  background-image:
    radial-gradient(ellipse at 6% 13%,rgba(0,220,255,.105) 0%,rgba(0,220,255,.04) 22%,transparent 48%),
    radial-gradient(ellipse at 94% 29%,rgba(255,43,214,.09) 0%,rgba(255,43,214,.032) 24%,transparent 50%),
    radial-gradient(ellipse at 42% 58%,rgba(117,84,255,.055) 0%,transparent 42%),
    radial-gradient(ellipse at 72% 82%,rgba(255,227,90,.045) 0%,rgba(255,227,90,.016) 22%,transparent 46%),
    radial-gradient(ellipse at 15% 94%,rgba(0,220,255,.045) 0%,transparent 40%);
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  filter:blur(.2px) saturate(1.02);
}

main::after{
  z-index:-1;
  opacity:.30;
  background-image:
    repeating-radial-gradient(circle at 20% 25%,rgba(255,255,255,.029) 0 1px,transparent 1px 11px),
    repeating-linear-gradient(112deg,transparent 0 124px,rgba(255,255,255,.012) 125px 126px,transparent 127px 258px),
    linear-gradient(90deg,transparent 0 49.96%,rgba(255,255,255,.012) 50%,transparent 50.04%);
  background-size:420px 420px,880px 880px,100% 100%;
  background-position:0 0,0 0,0 0;
  background-repeat:repeat,repeat,no-repeat;
  mix-blend-mode:soft-light;
}

.work{background:linear-gradient(180deg,transparent,rgba(255,43,214,.017),transparent)}
.services{background:linear-gradient(180deg,transparent,rgba(255,227,90,.013),transparent)}
.about{background:linear-gradient(180deg,transparent,rgba(117,84,255,.022),transparent)}
.process{background:linear-gradient(180deg,transparent,rgba(0,220,255,.016),transparent)}

@media (max-width:1100px){
  main::before{opacity:.52}
  main::after{opacity:.23}
}

@media (max-width:680px){
  main::before{opacity:.42}
  main::after{opacity:.16}
}


/* Contact form gateway status — visual design stays unchanged until submit */
.form-trap{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.form-status{
  grid-column:1/-1;
  min-height:1.2em;
  margin:0;
  color:var(--muted);
  font:800 10px/1.45 monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-form[data-state="sending"] .button{opacity:.7;pointer-events:none}
.contact-form[data-state="success"] .form-status{color:var(--cyan)}
.contact-form[data-state="error"] .form-status{color:#ff6a7a}
.contact-form .button:disabled{cursor:wait}
@media(max-width:680px){.form-status{grid-column:auto}}