/* =============================================================
   MATTIA BRUNO — Portfolio
   Design system condiviso
   Tema: nero elegante · testi crema · tipografia bold moderna
   ============================================================= */

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{min-height:100%;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul,ol{list-style:none}
input,textarea{font:inherit;color:inherit}

/* ---------- VARIABILI ---------- */
:root{
  --black:#0B0B0C;
  --black-1:#101012;
  --black-2:#161618;
  --black-3:#1d1d20;
  --cream:#EFE9DA;
  --cream-2:#E7E0CE;
  --cream-dim:rgba(239,233,218,.58);
  --cream-faint:rgba(239,233,218,.34);
  --line:rgba(239,233,218,.14);
  --line-soft:rgba(239,233,218,.08);
  --gold:#C6A15B;
  --gold-soft:rgba(198,161,91,.16);

  --font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --pad-x:clamp(20px,5vw,88px);
  --maxw:1600px;

  --ease:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --step--1:clamp(.78rem,.72rem + .2vw,.9rem);
  --step-0:clamp(.95rem,.9rem + .25vw,1.08rem);
  --step-1:clamp(1.2rem,1rem + .8vw,1.6rem);
  --step-2:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);
  --step-3:clamp(2.4rem,1.6rem + 3.4vw,4.6rem);
  --step-4:clamp(3.2rem,2rem + 6vw,8.4rem);
  --step-5:clamp(4rem,2rem + 10vw,13rem);
}

/* ---------- BASE ---------- */
body{
  background:var(--black);
  color:var(--cream);
  font-family:var(--font-body);
  font-size:var(--step-0);
  line-height:1.65;
  font-weight:400;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.no-scroll{overflow:hidden}

/* film grain / vignette per profondità premium */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:2;
  background:radial-gradient(120% 120% at 50% 0%,transparent 55%,rgba(0,0,0,.55) 100%);
  mix-blend-mode:multiply;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.display{font-family:var(--font-display);font-weight:700;line-height:.98;letter-spacing:-.02em}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.02;letter-spacing:-.02em}

::selection{background:var(--gold);color:var(--black)}

/* ---------- LAYOUT ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad-x)}
.section{padding-block:clamp(72px,10vw,160px)}
.eyebrow{
  font-family:var(--font-display);font-weight:500;font-size:var(--step--1);
  letter-spacing:.28em;text-transform:uppercase;color:var(--cream-dim);
  display:inline-flex;align-items:center;gap:.7em;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);display:inline-block}

/* ---------- CURSORE CUSTOM ---------- */
.cursor-dot,.cursor-ring{
  position:fixed;top:0;left:0;z-index:9000;pointer-events:none;border-radius:50%;
  transform:translate(-50%,-50%);will-change:transform;
}
.cursor-dot{width:6px;height:6px;background:var(--cream);transition:opacity .3s,background .3s}
.cursor-ring{
  width:40px;height:40px;border:1px solid var(--cream-faint);
  transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s,opacity .3s;
  backdrop-filter:invert(0);
}
.cursor-ring.is-hover{width:74px;height:74px;border-color:transparent;background:var(--gold-soft)}
.cursor-ring.is-hover.label::after{
  content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--font-display);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
}
.cursor-dot.hide,.cursor-ring.hide{opacity:0}
@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}

/* ---------- PRELOADER ---------- */
.preloader{
  position:fixed;inset:0;z-index:9500;background:var(--black);
  display:grid;place-items:center;
}
.preloader__inner{text-align:center;overflow:hidden}
.preloader__count{
  font-family:var(--font-display);font-weight:700;font-size:var(--step-4);color:var(--cream);
  line-height:1;letter-spacing:-.03em;
}
.preloader__label{
  margin-top:1rem;font-size:var(--step--1);letter-spacing:.34em;text-transform:uppercase;color:var(--cream-faint);
}
.preloader.done{transform:translateY(-100%);transition:transform 1s var(--ease);pointer-events:none}

/* ---------- NAV ---------- */
.nav{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--pad-x);
  transition:padding .4s var(--ease),background .4s,backdrop-filter .4s;
  background:linear-gradient(180deg,rgba(11,11,12,.55),rgba(11,11,12,0));
}
.nav.scrolled{
  padding-top:14px;padding-bottom:14px;mix-blend-mode:normal;
  background:rgba(11,11,12,.6);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav__logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.55rem}
.nav__logo .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block}
.nav__links{display:flex;gap:clamp(1.4rem,3vw,3rem);align-items:center}
.nav__links a{
  font-family:var(--font-display);font-weight:500;font-size:.86rem;letter-spacing:.02em;
  position:relative;padding-block:4px;
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease);
}
.nav__links a:hover::after,.nav__links a.active::after{transform:scaleX(1);transform-origin:left}
.nav__cta{
  font-family:var(--font-display);font-weight:500;font-size:.82rem;letter-spacing:.03em;
  border:1px solid var(--line);border-radius:100px;padding:.55rem 1.15rem;transition:.4s var(--ease);
}
.nav__cta:hover{background:var(--cream);color:var(--black);border-color:var(--cream)}
.nav__toggle{display:none;width:34px;height:20px;position:relative}
.nav__toggle span{position:absolute;left:0;width:100%;height:1.5px;background:var(--cream);transition:.4s var(--ease)}
.nav__toggle span:nth-child(1){top:2px}
.nav__toggle span:nth-child(2){bottom:2px}
.nav.open .nav__toggle span:nth-child(1){top:9px;transform:rotate(45deg)}
.nav.open .nav__toggle span:nth-child(2){bottom:9px;transform:rotate(-45deg)}

/* overlay menu mobile */
.menu-overlay{
  position:fixed;inset:0;z-index:900;background:var(--black-1);
  display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:var(--pad-x);
  clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);
}
.menu-overlay.open{clip-path:inset(0 0 0 0)}
.menu-overlay a{
  font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,10vw,5rem);
  line-height:1.05;letter-spacing:-.02em;color:var(--cream);
  display:inline-block;width:max-content;transition:color .3s,padding-left .5s var(--ease);
}
.menu-overlay a:hover{color:var(--gold);padding-left:.4em}
.menu-overlay__meta{margin-top:3rem;display:flex;gap:2rem;flex-wrap:wrap;color:var(--cream-dim);font-size:.85rem;letter-spacing:.04em}

/* ---------- BOTTONI ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.7em;position:relative;
  font-family:var(--font-display);font-weight:500;font-size:.95rem;letter-spacing:.02em;
  padding:1rem 1.8rem;border-radius:100px;border:1px solid var(--cream);
  overflow:hidden;transition:color .5s var(--ease);isolation:isolate;
}
.btn::before{content:"";position:absolute;inset:0;background:var(--cream);z-index:-1;transform:translateY(101%);transition:transform .55s var(--ease)}
.btn:hover{color:var(--black)}
.btn:hover::before{transform:translateY(0)}
.btn--solid{background:var(--cream);color:var(--black)}
.btn--solid::before{background:var(--black);transform:translateY(101%)}
.btn--solid:hover{color:var(--cream)}
.btn .arrow{transition:transform .5s var(--ease)}
.btn:hover .arrow{transform:translate(4px,-4px)}

.link-underline{position:relative;display:inline-block}
.link-underline::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.link-underline:hover::after{transform:scaleX(1);transform-origin:left}

/* ---------- MARQUEE ---------- */
.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding-block:clamp(20px,3vw,40px)}
.marquee__track{display:inline-flex;gap:2.4rem;animation:marquee 28s linear infinite;will-change:transform}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee span{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:-.01em;color:var(--cream)}
.marquee span.out{color:transparent;-webkit-text-stroke:1px var(--cream-faint)}
.marquee .star{color:var(--gold);-webkit-text-stroke:0}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}
.line-mask{display:block;overflow:hidden}
.line-mask>*{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
.line-mask.in>*{transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
  .line-mask>*{transform:none!important}
}

/* ---------- PLACEHOLDER IMMAGINI ---------- */
/* Blocchi immagine segnaposto: sostituisci con <img> reali.
   Estetica intenzionale (duotone/gradient) così presenta bene anche vuoto. */
.ph{
  position:relative;overflow:hidden;background:var(--black-2);
  border:1px solid var(--line-soft);border-radius:6px;
  background-image:
    radial-gradient(120% 140% at 20% 10%,rgba(198,161,91,.14),transparent 55%),
    linear-gradient(135deg,#1a1a1d 0%,#0f0f11 60%);
}
.ph::after{
  content:attr(data-ph);position:absolute;left:16px;bottom:14px;
  font-family:var(--font-display);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-faint);
}
.ph--alt{background-image:radial-gradient(130% 130% at 80% 20%,rgba(239,233,218,.09),transparent 50%),linear-gradient(135deg,#191b1c,#0e0f10)}
.ph img{width:100%;height:100%;object-fit:cover}
.ratio-11{aspect-ratio:1/1}.ratio-43{aspect-ratio:4/3}.ratio-34{aspect-ratio:3/4}
.ratio-169{aspect-ratio:16/9}.ratio-32{aspect-ratio:3/2}.ratio-23{aspect-ratio:2/3}.ratio-219{aspect-ratio:21/9}

/* ---------- FOOTER ---------- */
.footer{border-top:1px solid var(--line);padding-block:clamp(48px,6vw,90px);position:relative;z-index:3}
.footer__cta{font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:-.03em;font-size:var(--step-4);color:var(--cream);display:inline-block}
.footer__cta:hover{color:var(--gold)}
.footer__grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.5rem;margin-top:clamp(40px,6vw,80px)}
.footer__col h4{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:1.1rem;font-weight:500}
.footer__col a{display:block;font-size:.98rem;color:var(--cream-dim);padding-block:.3rem;transition:color .3s,transform .4s var(--ease)}
.footer__col a:hover{color:var(--cream);transform:translateX(4px)}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(40px,6vw,80px);padding-top:1.6rem;border-top:1px solid var(--line-soft);color:var(--cream-faint);font-size:.8rem;letter-spacing:.04em}

/* ---------- UTILITY ---------- */
.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.grid{display:grid;gap:clamp(20px,2.5vw,40px)}
.text-dim{color:var(--cream-dim)}
.text-gold{color:var(--gold)}
.mt-s{margin-top:1rem}.mt-m{margin-top:2rem}.mt-l{margin-top:clamp(2.5rem,5vw,5rem)}
.center{text-align:center}
.divider{height:1px;background:var(--line);width:100%}
.tag{display:inline-block;font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);border:1px solid var(--line);border-radius:100px;padding:.4rem .9rem}

/* ---------- HERO (home) ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(40px,6vw,80px);position:relative}
.hero__top{position:absolute;top:clamp(120px,18vh,220px);left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;color:var(--cream-dim);font-size:.9rem}
.hero__title{font-size:var(--step-5);line-height:.86;letter-spacing:-.04em;text-transform:uppercase}
.hero__title .out{color:transparent;-webkit-text-stroke:1.4px var(--cream)}
.hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-top:clamp(24px,4vw,48px)}
.hero__lead{max-width:34ch;color:var(--cream-dim);font-size:var(--step-1);line-height:1.4}
.scroll-hint{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint)}
.scroll-hint .bar{width:1px;height:40px;background:linear-gradient(var(--cream),transparent);position:relative;overflow:hidden}
.scroll-hint .bar::after{content:"";position:absolute;top:-40px;left:0;width:100%;height:40px;background:var(--gold);animation:scrolldn 2s var(--ease) infinite}
@keyframes scrolldn{to{top:100%}}

/* ---------- FEATURED WORK ---------- */
.work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(40px,6vw,80px)}
.work-head h2{font-size:var(--step-3)}
.projects{display:grid;gap:clamp(48px,7vw,120px)}
.project-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,60px);align-items:center}
.project-row:nth-child(even){direction:rtl}
.project-row:nth-child(even)>*{direction:ltr}
.project-media{position:relative;overflow:hidden;border-radius:8px}
.project-media .ph{transition:transform 1.2s var(--ease)}
.project-row a:hover .ph{transform:scale(1.05)}
.project-media .num{position:absolute;top:18px;left:18px;font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;color:var(--cream-dim);z-index:2}
.project-info .idx{font-size:.8rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.project-info h3{font-size:var(--step-3);margin-top:.6rem;line-height:.98;transition:color .4s}
.project-row a:hover h3{color:var(--gold)}
.project-info .meta{margin-top:1rem;color:var(--cream-dim);max-width:42ch}
.project-info .tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.project-info .view{margin-top:2rem;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:500;letter-spacing:.02em}
.project-info .view .arrow{transition:transform .5s var(--ease)}
.project-row a:hover .view .arrow{transform:translate(6px,-6px)}

/* ---------- ABOUT teaser ---------- */
.about-teaser{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}
.about-teaser__text h2{font-size:var(--step-2);line-height:1.08;letter-spacing:-.02em;font-weight:700}
.about-teaser__text p{margin-top:1.6rem;color:var(--cream-dim);max-width:46ch}
.stat-row{display:flex;gap:clamp(1.5rem,4vw,4rem);flex-wrap:wrap;margin-top:2.4rem}
.stat .n{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);color:var(--cream);line-height:1}
.stat .l{font-size:.82rem;color:var(--cream-faint);letter-spacing:.06em;margin-top:.4rem}

/* ---------- WORK INDEX (griglia) ---------- */
.filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,56px)}
.filter-bar button{font-family:var(--font-display);font-size:.86rem;letter-spacing:.04em;color:var(--cream-dim);border:1px solid var(--line);border-radius:100px;padding:.5rem 1.1rem;transition:.35s var(--ease)}
.filter-bar button.active,.filter-bar button:hover{background:var(--cream);color:var(--black);border-color:var(--cream)}
.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.4vw,44px)}
@media(max-width:1024px){.index-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.index-grid{grid-template-columns:1fr}}
.index-card{display:block}
.index-card .media{overflow:hidden;border-radius:8px;position:relative}
.index-card .ph{transition:transform 1.1s var(--ease),filter .6s}
.index-card:hover .ph{transform:scale(1.06)}
.index-card .cap{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.1rem}
.index-card h3{font-size:var(--step-1);transition:color .35s}
.index-card:hover h3{color:var(--gold)}
.index-card .cat{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);white-space:nowrap}
.index-card.is-hidden{display:none}

/* ---------- PAGE HEADER (interne) ---------- */
.page-head{padding-top:clamp(140px,20vh,240px);padding-bottom:clamp(40px,6vw,80px)}
.page-head h1{font-size:var(--step-4);line-height:.92;letter-spacing:-.03em;text-transform:uppercase}
.page-head .sub{margin-top:1.6rem;color:var(--cream-dim);max-width:52ch;font-size:var(--step-1)}
.breadcrumb{display:flex;gap:.6rem;align-items:center;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:1.6rem}
.breadcrumb a:hover{color:var(--cream)}

/* ---------- ABOUT page ---------- */
.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:start}
.about-intro__lead{font-size:var(--step-2);line-height:1.15;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}
.about-intro__body{color:var(--cream-dim)}
.about-intro__body p+p{margin-top:1.2rem}
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.service{background:var(--black);padding:clamp(24px,3vw,44px);transition:background .4s}
.service:hover{background:var(--black-2)}
.service .n{font-size:.78rem;color:var(--gold);letter-spacing:.14em}
.service h3{font-size:var(--step-1);margin-top:.8rem}
.service p{color:var(--cream-dim);margin-top:.8rem;font-size:.95rem}
.timeline{display:grid;gap:0}
.tl-item{display:grid;grid-template-columns:120px 1fr auto;gap:2rem;padding-block:1.6rem;border-top:1px solid var(--line);align-items:baseline}
.tl-item .yr{font-family:var(--font-display);color:var(--cream-faint)}
.tl-item h4{font-size:var(--step-1)}
.tl-item .role{color:var(--cream-dim);font-size:.92rem;margin-top:.3rem}
.tl-item .where{color:var(--cream-faint);font-size:.86rem;text-align:right}
.tools-list{display:flex;flex-wrap:wrap;gap:.7rem}

/* ---------- CONTACT ---------- */
.contact-big{font-size:var(--step-4);line-height:.98;letter-spacing:-.03em;font-family:var(--font-display);font-weight:700}
.contact-big a:hover{color:var(--gold)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);margin-top:clamp(40px,6vw,80px)}
.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.6rem}
.field label{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint)}
.field input,.field textarea{background:transparent;border:none;border-bottom:1px solid var(--line);padding:.7rem 0;color:var(--cream);transition:border-color .4s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field textarea{resize:vertical;min-height:120px}

/* ---------- TEMPLATE: CASE STUDY ---------- */
.cs-hero{padding-top:clamp(130px,18vh,220px)}
.cs-hero h1{font-size:var(--step-4);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;max-width:16ch}
.cs-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:clamp(36px,5vw,64px);padding-top:1.8rem;border-top:1px solid var(--line)}
.cs-meta .k{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint)}
.cs-meta .v{margin-top:.5rem;font-family:var(--font-display);font-weight:500}
.cs-full{margin-block:clamp(40px,6vw,90px)}
.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px)}
.cs-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;margin-block:clamp(48px,7vw,120px)}
.cs-block.reverse{direction:rtl}.cs-block.reverse>*{direction:ltr}
.cs-block h2{font-size:var(--step-2);letter-spacing:-.02em}
.cs-block p{color:var(--cream-dim);margin-top:1.2rem}
.cs-quote{font-family:var(--font-display);font-weight:500;font-size:var(--step-2);line-height:1.2;letter-spacing:-.01em;max-width:20ch;margin-block:clamp(48px,7vw,120px)}
.cs-quote .text-gold{display:block}
.palette{display:flex;gap:0;border-radius:8px;overflow:hidden;height:clamp(120px,16vw,200px)}
.swatch{flex:1;display:flex;align-items:flex-end;padding:14px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em}
.next-project{border-top:1px solid var(--line);margin-top:clamp(60px,8vw,120px);padding-top:clamp(40px,6vw,80px);text-align:center}
.next-project .k{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint)}
.next-project a{font-family:var(--font-display);font-weight:700;font-size:var(--step-4);letter-spacing:-.03em;display:inline-block;margin-top:1rem}
.next-project a:hover{color:var(--gold)}

/* ---------- TEMPLATE: IMMERSIVE ---------- */
.imm-hero{height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.imm-hero .ph{position:absolute;inset:0;border-radius:0;border:none}
.imm-hero__cap{position:relative;z-index:2;padding:var(--pad-x);width:100%;background:linear-gradient(transparent,rgba(11,11,12,.85))}
.imm-hero h1{font-size:var(--step-5);line-height:.86;letter-spacing:-.04em;text-transform:uppercase}
.imm-slide{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--pad-x);position:relative}
.imm-slide .ph{width:min(100%,1200px)}
.imm-caption{position:absolute;bottom:clamp(30px,5vw,70px);left:var(--pad-x);max-width:40ch}
.imm-caption .n{font-family:var(--font-display);color:var(--gold);font-size:.8rem;letter-spacing:.2em}
.imm-caption p{color:var(--cream-dim);margin-top:.6rem}
.imm-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);padding:var(--pad-x)}
.imm-text{max-width:60ch;margin-inline:auto;text-align:center;padding-block:clamp(60px,10vw,140px)}
.imm-text h2{font-size:var(--step-2);letter-spacing:-.02em}
.imm-text p{color:var(--cream-dim);margin-top:1.4rem;font-size:var(--step-1)}

/* ---------- TEMPLATE: MINIMAL ---------- */
.min-hero{min-height:100svh;display:grid;place-content:center;text-align:center;padding:var(--pad-x)}
.min-hero .k{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cream-faint)}
.min-hero h1{font-size:var(--step-4);line-height:.95;letter-spacing:-.03em;margin-top:1.4rem;text-transform:uppercase}
.min-hero p{color:var(--cream-dim);max-width:44ch;margin:1.6rem auto 0}
.min-wrap{max-width:1100px;margin-inline:auto;padding-inline:var(--pad-x)}
.min-fig{margin-block:clamp(60px,10vw,160px)}
.min-fig figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:1.1rem;color:var(--cream-faint);font-size:.82rem;letter-spacing:.04em}
.min-note{max-width:56ch;margin:clamp(60px,10vw,160px) auto;text-align:center;color:var(--cream-dim);font-size:var(--step-1);line-height:1.5}

/* ---------- TEMPLATE: MASONRY GRID ---------- */
.masonry{columns:3;column-gap:clamp(16px,2vw,28px)}
.masonry .m-item{break-inside:avoid;margin-bottom:clamp(16px,2vw,28px);overflow:hidden;border-radius:6px}
.masonry .ph{transition:transform 1s var(--ease)}
.m-item:hover .ph{transform:scale(1.04)}
.grid-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:clamp(30px,4vw,60px)}
.grid-intro p{color:var(--cream-dim);max-width:44ch}

/* ---------- HOME: SERVIZI / COSA FACCIO ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.card-svc{background:var(--black);padding:clamp(28px,3vw,52px);transition:background .5s var(--ease);position:relative;min-height:clamp(280px,32vw,380px);display:flex;flex-direction:column}
.card-svc:hover{background:var(--black-2)}
.card-svc .ico{font-size:1.6rem;color:var(--gold);line-height:1}
.card-svc h3{font-size:var(--step-2);margin-top:auto}
.card-svc p{color:var(--cream-dim);margin-top:1rem;font-size:.96rem;max-width:34ch}
.card-svc .n{position:absolute;top:clamp(28px,3vw,52px);right:clamp(28px,3vw,52px);font-family:var(--font-display);color:var(--cream-faint);font-size:.8rem}

/* ---------- HOME: PROCESSO ---------- */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.proc-item{padding:clamp(24px,2.5vw,40px) 0;border-top:1px solid var(--line);padding-right:1.5rem;transition:padding-left .5s var(--ease)}
.proc-item:hover{padding-left:.6rem}
.proc-item .n{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);color:transparent;-webkit-text-stroke:1px var(--cream-faint);line-height:1}
.proc-item h3{font-size:var(--step-1);margin-top:1.4rem}
.proc-item p{color:var(--cream-dim);margin-top:.8rem;font-size:.92rem}

/* ---------- HOME: TESTIMONIANZE ---------- */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px)}
.quote-card{border:1px solid var(--line);border-radius:10px;padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;transition:border-color .5s,background .5s}
.quote-card:hover{border-color:var(--cream-faint);background:var(--black-1)}
.quote-card .mark{font-family:var(--font-display);font-size:3rem;color:var(--gold);line-height:.6;height:1.6rem}
.quote-card blockquote{font-size:var(--step-1);line-height:1.35;letter-spacing:-.01em}
.quote-card .who{display:flex;align-items:center;gap:.9rem}
.quote-card .who .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#7a6636);flex:0 0 auto}
.quote-card .who .nm{font-family:var(--font-display);font-weight:500}
.quote-card .who .rl{font-size:.8rem;color:var(--cream-faint)}

/* ---------- BLOG CARDS ---------- */
.blog-list{display:grid;gap:0}
.blog-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(24px,3vw,44px);border-top:1px solid var(--line);transition:padding-left .5s var(--ease)}
.blog-row:last-child{border-bottom:1px solid var(--line)}
.blog-row:hover{padding-left:.8rem}
.blog-row .date{font-family:var(--font-display);color:var(--cream-faint);font-size:.82rem;letter-spacing:.06em;white-space:nowrap}
.blog-row h3{font-size:var(--step-2);letter-spacing:-.02em;transition:color .4s;max-width:22ch}
.blog-row:hover h3{color:var(--gold)}
.blog-row p{color:var(--cream-dim);margin-top:.7rem;max-width:60ch;font-size:.95rem}
.blog-row .arrow{font-family:var(--font-display);color:var(--cream-dim);transition:transform .5s var(--ease)}
.blog-row:hover .arrow{transform:translate(6px,-6px);color:var(--cream)}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.blog-card .media{overflow:hidden;border-radius:8px}
.blog-card .ph{transition:transform 1.1s var(--ease)}
.blog-card:hover .ph{transform:scale(1.05)}
.blog-card .cat{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:1.1rem;display:block}
.blog-card h3{font-size:var(--step-1);margin-top:.7rem;transition:color .35s}
.blog-card:hover h3{color:var(--gold)}
.blog-card p{color:var(--cream-dim);margin-top:.7rem;font-size:.92rem}
.blog-card .meta{margin-top:1rem;color:var(--cream-faint);font-size:.8rem;letter-spacing:.04em}

/* ---------- ARTICLE ---------- */
.article{max-width:760px;margin-inline:auto;padding-inline:var(--pad-x)}
.article p{color:var(--cream-2);margin-block:1.4rem;font-size:1.1rem;line-height:1.8}
.article h2{font-size:var(--step-2);margin-top:3rem;letter-spacing:-.02em}
.article h3{font-size:var(--step-1);margin-top:2.2rem}
.article blockquote{border-left:2px solid var(--gold);padding-left:1.6rem;margin-block:2.4rem;font-family:var(--font-display);font-weight:500;font-size:var(--step-1);line-height:1.35;color:var(--cream)}
.article ul{margin-block:1.4rem;padding-left:1.2rem;color:var(--cream-2)}
.article ul li{list-style:disc;margin-block:.6rem;line-height:1.7}

/* ---------- AVAILABILITY PILL ---------- */
.avail{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.04em;color:var(--cream-dim)}
.avail .pulse{width:8px;height:8px;border-radius:50%;background:#7CCB8B;position:relative}
.avail .pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:#7CCB8B;animation:pulse 2s ease-out infinite}
@keyframes pulse{to{transform:scale(3.2);opacity:0}}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .masonry{columns:2}
  .cards3{grid-template-columns:1fr}
  .process{grid-template-columns:1fr 1fr}
  .quotes,.blog-cards{grid-template-columns:1fr}
}
@media(max-width:860px){
  .blog-row{grid-template-columns:1fr;gap:.4rem}
  .blog-row .arrow{display:none}
  .process{grid-template-columns:1fr}
  .nav__links{display:none}
  .nav__toggle{display:block}
  .nav{mix-blend-mode:normal}
  .project-row,.project-row:nth-child(even){grid-template-columns:1fr;direction:ltr}
  .about-teaser,.about-intro,.contact-grid,.cs-split,.cs-block,.cs-block.reverse,.imm-duo{grid-template-columns:1fr;direction:ltr}
  .cs-meta{grid-template-columns:1fr 1fr}
  .index-grid,.services{grid-template-columns:1fr}
  .tl-item{grid-template-columns:70px 1fr;gap:1rem}
  .tl-item .where{grid-column:1/-1;text-align:left}
  .project-row:nth-child(even)>*{direction:ltr}
}
@media(max-width:560px){
  .masonry{columns:1}
  .cs-meta{grid-template-columns:1fr}
  .hero__top{display:none}
}

/* ============ CONTATTI · card ============ */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-bottom:clamp(40px,6vw,80px)}
.contact-card{border:1px solid var(--line);border-radius:12px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:.6rem;min-height:190px;background:var(--black-1);transition:transform .45s var(--ease),background .45s,border-color .45s}
.contact-card:hover{background:var(--black-2);border-color:var(--cream-faint);transform:translateY(-5px)}
.cc-k{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint)}
.cc-v{font-family:var(--font-display);font-weight:500;font-size:var(--step-1);margin-top:auto;word-break:break-word}
.cc-go{color:var(--gold);font-size:.9rem}
.contact-note{border-top:1px solid var(--line);padding-top:clamp(30px,4vw,50px)}
.contact-note>p:first-child{font-family:var(--font-display);font-size:var(--step-1);margin-bottom:1.4rem}
.contact-mini{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.6rem;max-width:660px;margin-bottom:1.4rem}
@media(max-width:800px){.contact-cards{grid-template-columns:1fr}.contact-mini{grid-template-columns:1fr}}

/* ============ WAVE HERO · quadro che si ricompone (solo hero) ============ */
.wave-hero{position:relative;height:300vh;background:var(--black)}
.wave-hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.wave-canvas{position:relative;width:min(1160px,93vw);aspect-ratio:1276/851;background:#0b0b0c}
.wtile{position:absolute;background-image:var(--wave);background-repeat:no-repeat;will-change:transform,opacity;backface-visibility:hidden;transform-origin:center}
.wave-scrim{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(11,11,12,.9) 0%,rgba(11,11,12,.3) 34%,rgba(11,11,12,.08) 66%),linear-gradient(90deg,rgba(11,11,12,.55),transparent 42%)}
.wave-hero__content{position:absolute;left:0;right:0;bottom:clamp(46px,7vw,96px);z-index:2}
.wave-hero__content .hero__title,.wave-hero__content .hero__lead{text-shadow:0 2px 34px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.35)}
.wave-hero__content .hero__top{position:static;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;color:var(--cream-dim);font-size:.9rem;margin-bottom:clamp(16px,3vw,34px)}
.wave-hint{position:absolute;left:50%;bottom:clamp(18px,3vw,32px);transform:translateX(-50%);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-faint);z-index:2}
.wave-hero .compose__progress{position:absolute;right:var(--pad-x);bottom:clamp(40px,6vw,80px);z-index:2}
@media (prefers-reduced-motion:reduce){
  .wave-hero{height:auto}
  .wave-hero__stage{position:static;height:auto;padding-top:clamp(120px,16vh,200px);padding-bottom:clamp(40px,6vw,80px)}
  .wtile{transform:none!important;opacity:1!important}
}
@media(max-width:640px){
  .wave-hero{height:240vh}
  .wave-canvas{width:94vw}
  .wave-hero__content .hero__top{display:none}
}

/* ============ SCENA ONDA (sfondo animato Home) ============ */
.scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.scene__svg{width:100%;height:100%;opacity:1;transform:scale(1.62);transform-origin:36% 62%;filter:drop-shadow(0 0 40px rgba(91,134,196,.18))}
body > main{position:relative;z-index:1}
/* scrim leggero: fa risaltare i colori dell'onda mantenendo leggibili i testi */
.scene::after{content:"";position:absolute;inset:0;background:radial-gradient(150% 110% at 44% 56%,rgba(11,11,12,.04),rgba(11,11,12,.42) 74%,rgba(11,11,12,.6) 100%)}
@media (prefers-reduced-motion:reduce){.scene__svg{opacity:.9}}
@media(max-width:640px){.scene__svg{transform:scale(1.9);transform-origin:38% 58%}}

/* ============ CASE STUDY · logo story ============ */
.logo-constr,.logo-mark{width:100%;max-width:380px;display:block;margin-inline:auto}
.logo-constr-wrap{display:grid;place-items:center;background:var(--black-1);border:1px solid var(--line);border-radius:10px;padding:clamp(24px,3vw,44px)}
.mark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:2rem}
.mark-cell{text-align:center}
.mark-box{aspect-ratio:4/3;display:grid;place-items:center;background:var(--black-2);border:1px solid var(--line);border-radius:10px;padding:14%;transition:background .4s}
.mark-box:hover{background:var(--black-3)}
.mark-box.light{background:var(--black-1)}
.mark-box svg{width:70%;height:auto}
.mark-cell span{display:block;margin-top:.9rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint)}
.type-specimen{border:1px solid var(--line);border-radius:10px;padding:clamp(24px,3vw,44px);background:var(--black-1)}
.type-big{font-family:var(--font-display);font-weight:700;font-size:clamp(5rem,14vw,9rem);line-height:1;color:var(--cream);letter-spacing:-.03em}
.type-row{display:flex;justify-content:space-between;gap:1.4rem;align-items:baseline;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.2rem;font-family:var(--font-display);color:var(--cream-dim);font-size:.92rem;flex-wrap:wrap}
.type-row span:first-child{color:var(--cream-faint);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:560px){.mark-grid{grid-template-columns:1fr}}
@media(max-width:640px){.section .grid[style]{grid-template-columns:repeat(2,1fr)!important}}

/* ============ COMPOSE ON SCROLL (hero che si assembla) ============ */
.compose{position:relative;height:260vh}
.compose__stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.compose__inner{position:relative;width:min(84vmin,760px);aspect-ratio:1/1}
.compose__art{width:100%;height:100%;overflow:visible}
.compose .frag{will-change:transform,opacity;transform-box:fill-box;transform-origin:center}
.compose__label{position:absolute;left:var(--pad-x);bottom:clamp(28px,5vw,60px);max-width:36ch}
.compose__label .eyebrow{margin-bottom:.8rem}
.compose__label h2{font-size:var(--step-2);letter-spacing:-.02em}
.compose__progress{position:absolute;right:var(--pad-x);bottom:clamp(28px,5vw,60px);width:120px;height:2px;background:var(--line);overflow:hidden}
.compose__progress span{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.compose__hint{position:absolute;top:calc(50% + min(46vmin,400px));left:50%;transform:translateX(-50%);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-faint)}
@media (prefers-reduced-motion:reduce){
  .compose{height:auto}
  .compose__stage{position:static;height:auto;padding-block:clamp(60px,10vw,140px)}
  .compose .frag{transform:none!important;opacity:1!important}
}
@media(max-width:560px){.compose{height:200vh}.compose__inner{width:88vmin}}

/* ============ ARTWORK SVG (grafiche generate) ============ */
.ph.art::after{display:none}
.ph.art{background-size:cover;background-position:center;border-color:var(--line)}
.art--1{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22380%22%20fill%3D%22url%28%23glow%29%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%2290%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%220.90%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22132%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%221.4%22%20stroke-opacity%3D%220.81%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22174%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22216%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%221.4%22%20stroke-opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22258%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%220.54%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22300%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%221.4%22%20stroke-opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22342%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%220.36%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22384%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%221.4%22%20stroke-opacity%3D%220.27%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%22426%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.2%22%20stroke-opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22300%22%20r%3D%2246%22%20fill%3D%22%23EFE9DA%22%2F%3E%3Cline%20x1%3D%22120%22%20y1%3D%22760%22%20x2%3D%22120%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22180%22%20y1%3D%22760%22%20x2%3D%22180%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22240%22%20y1%3D%22760%22%20x2%3D%22240%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22300%22%20y1%3D%22760%22%20x2%3D%22300%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22360%22%20y1%3D%22760%22%20x2%3D%22360%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22420%22%20y1%3D%22760%22%20x2%3D%22420%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22480%22%20y1%3D%22760%22%20x2%3D%22480%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22540%22%20y1%3D%22760%22%20x2%3D%22540%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22600%22%20y1%3D%22760%22%20x2%3D%22600%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22660%22%20y1%3D%22760%22%20x2%3D%22660%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22720%22%20y1%3D%22760%22%20x2%3D%22720%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22780%22%20y1%3D%22760%22%20x2%3D%22780%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3Cline%20x1%3D%22840%22%20y1%3D%22760%22%20x2%3D%22840%22%20y2%3D%22840%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.14%22%2F%3E%3C%2Fsvg%3E")!important}
.art--2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%22450%22%20r%3D%22300%22%20fill%3D%22none%22%20stroke%3D%22url%28%23cream%29%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%22450%22%20r%3D%22300%22%20fill%3D%22url%28%23glow%29%22%20opacity%3D%220.5%22%2F%3E%3Cline%20x1%3D%22-540%22%20y1%3D%220%22%20x2%3D%22-40%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22-450%22%20y1%3D%220%22%20x2%3D%2250%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22-360%22%20y1%3D%220%22%20x2%3D%22140%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22-270%22%20y1%3D%220%22%20x2%3D%22230%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22-180%22%20y1%3D%220%22%20x2%3D%22320%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22-90%22%20y1%3D%220%22%20x2%3D%22410%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22500%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%2290%22%20y1%3D%220%22%20x2%3D%22590%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22180%22%20y1%3D%220%22%20x2%3D%22680%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22270%22%20y1%3D%220%22%20x2%3D%22770%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22360%22%20y1%3D%220%22%20x2%3D%22860%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22450%22%20y1%3D%220%22%20x2%3D%22950%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22540%22%20y1%3D%220%22%20x2%3D%221040%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22630%22%20y1%3D%220%22%20x2%3D%221130%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22720%22%20y1%3D%220%22%20x2%3D%221220%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22810%22%20y1%3D%220%22%20x2%3D%221310%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22900%22%20y1%3D%220%22%20x2%3D%221400%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%22990%22%20y1%3D%220%22%20x2%3D%221490%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221080%22%20y1%3D%220%22%20x2%3D%221580%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221170%22%20y1%3D%220%22%20x2%3D%221670%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221260%22%20y1%3D%220%22%20x2%3D%221760%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221350%22%20y1%3D%220%22%20x2%3D%221850%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221440%22%20y1%3D%220%22%20x2%3D%221940%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221530%22%20y1%3D%220%22%20x2%3D%222030%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221620%22%20y1%3D%220%22%20x2%3D%222120%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Cline%20x1%3D%221710%22%20y1%3D%220%22%20x2%3D%222210%22%20y2%3D%22900%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.06%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%22420%22%20cy%3D%22450%22%20r%3D%228%22%20fill%3D%22%23C6A15B%22%2F%3E%3C%2Fsvg%3E")!important}
.art--3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22220%22%20fill%3D%22%23C6A15B%22%20fill-opacity%3D%220.18%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22300%22%20r%3D%22220%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-opacity%3D%220.33%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%22650%22%20cy%3D%22420%22%20r%3D%22300%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.1%22%2F%3E%3Ccircle%20cx%3D%22650%22%20cy%3D%22420%22%20r%3D%22300%22%20fill%3D%22none%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.25%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%22880%22%20cy%3D%22250%22%20r%3D%22180%22%20fill%3D%22%23C6A15B%22%20fill-opacity%3D%220.22%22%2F%3E%3Ccircle%20cx%3D%22880%22%20cy%3D%22250%22%20r%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-opacity%3D%220.37%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%22500%22%20cy%3D%22650%22%20r%3D%22260%22%20fill%3D%22%238A5A44%22%20fill-opacity%3D%220.2%22%2F%3E%3Ccircle%20cx%3D%22500%22%20cy%3D%22650%22%20r%3D%22260%22%20fill%3D%22none%22%20stroke%3D%22%238A5A44%22%20stroke-opacity%3D%220.35%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%22950%22%20cy%3D%22650%22%20r%3D%22200%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.08%22%2F%3E%3Ccircle%20cx%3D%22950%22%20cy%3D%22650%22%20r%3D%22200%22%20fill%3D%22none%22%20stroke%3D%22%23EFE9DA%22%20stroke-opacity%3D%220.23%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E")!important}
.art--4{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22850%22%20cy%3D%22350%22%20r%3D%22300%22%20fill%3D%22url%28%23glow%29%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22120%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22174%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22228%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22282%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22336%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22390%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22444%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22498%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22552%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22606%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22660%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22714%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22282%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22336%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22390%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22552%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22606%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22660%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22768%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22822%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22876%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22984%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221038%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%221092%22%20cy%3D%22768%22%20r%3D%222.2%22%20fill%3D%22%23EFE9DA%22%20fill-opacity%3D%220.12%22%2F%3E%3Cpath%20d%3D%22M760%20250%20L980%20360%20L900%20600%20L640%20560%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M760%20250%20L980%20360%20L900%20600%20L640%20560%20Z%22%20fill%3D%22%23C6A15B%22%20fill-opacity%3D%220.12%22%2F%3E%3C%2Fsvg%3E")!important}
.art--5{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22450%22%20r%3D%22340%22%20fill%3D%22url%28%23glow%29%22%20opacity%3D%220.6%22%2F%3E%3Cg%20stroke%3D%22url%28%23cream%29%22%20stroke-width%3D%2210%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M360%20620%20L360%20300%20L560%20520%20L760%20300%20L760%20620%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22450%22%20r%3D%22330%22%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-opacity%3D%220.3%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")!important}
.art--6{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2290%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231c1c20%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c0c0d%22%2F%3E%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22glow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22cream%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23EFE9DA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C6A15B%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23C6A15B%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%221.6%22%3E%3Cpath%20d%3D%22M0%20200%20L0%20200%20L50%20221%20L100%20239%20L150%20253%20L200%20259%20L250%20259%20L300%20250%20L350%20236%20L400%20217%20L450%20196%20L500%20175%20L550%20158%20L600%20145%20L650%20140%20L700%20142%20L750%20152%20L800%20168%20L850%20187%20L900%20209%20L950%20229%20L1000%20245%20L1050%20256%20L1100%20260%20L1150%20256%20L1200%20245%20%22%20stroke-opacity%3D%220.50%22%2F%3E%3Cpath%20d%3D%22M0%20230%20L0%20264%20L50%20279%20L100%20288%20L150%20290%20L200%20284%20L250%20271%20L300%20253%20L350%20232%20L400%20211%20L450%20193%20L500%20179%20L550%20171%20L600%20171%20L650%20178%20L700%20192%20L750%20211%20L800%20232%20L850%20253%20L900%20271%20L950%20284%20L1000%20290%20L1050%20288%20L1100%20279%20L1150%20264%20L1200%20245%20%22%20stroke-opacity%3D%220.46%22%2F%3E%3Cpath%20d%3D%22M0%20260%20L0%20316%20L50%20320%20L100%20316%20L150%20306%20L200%20289%20L250%20269%20L300%20248%20L350%20228%20L400%20212%20L450%20203%20L500%20200%20L550%20205%20L600%20217%20L650%20234%20L700%20255%20L750%20276%20L800%20295%20L850%20310%20L900%20318%20L950%20319%20L1000%20313%20L1050%20300%20L1100%20282%20L1150%20261%20L1200%20240%20%22%20stroke-opacity%3D%220.42%22%2F%3E%3Cpath%20d%3D%22M0%20290%20L0%20348%20L50%20340%20L100%20325%20L150%20306%20L200%20285%20L250%20264%20L300%20247%20L350%20235%20L400%20230%20L450%20233%20L500%20243%20L550%20258%20L600%20278%20L650%20300%20L700%20320%20L750%20336%20L800%20347%20L850%20350%20L900%20346%20L950%20335%20L1000%20318%20L1050%20297%20L1100%20276%20L1150%20257%20L1200%20241%20%22%20stroke-opacity%3D%220.38%22%2F%3E%3Cpath%20d%3D%22M0%20320%20L0%20361%20L50%20343%20L100%20322%20L150%20301%20L200%20282%20L250%20268%20L300%20261%20L350%20261%20L400%20269%20L450%20283%20L500%20302%20L550%20323%20L600%20344%20L650%20361%20L700%20374%20L750%20380%20L800%20378%20L850%20369%20L900%20354%20L950%20334%20L1000%20313%20L1050%20293%20L1100%20276%20L1150%20264%20L1200%20260%20%22%20stroke-opacity%3D%220.34%22%2F%3E%3Cpath%20d%3D%22M0%20350%20L0%20358%20L50%20337%20L100%20317%20L150%20302%20L200%20292%20L250%20290%20L300%20295%20L350%20308%20L400%20325%20L450%20346%20L500%20367%20L550%20386%20L600%20401%20L650%20409%20L700%20409%20L750%20403%20L800%20389%20L850%20371%20L900%20350%20L950%20329%20L1000%20311%20L1050%20297%20L1100%20291%20L1150%20291%20L1200%20300%20%22%20stroke-opacity%3D%220.30%22%2F%3E%3Cpath%20d%3D%22M0%20380%20L0%20353%20L50%20336%20L100%20325%20L150%20320%20L200%20323%20L250%20333%20L300%20349%20L350%20369%20L400%20390%20L450%20410%20L500%20427%20L550%20437%20L600%20440%20L650%20436%20L700%20424%20L750%20407%20L800%20387%20L850%20365%20L900%20346%20L950%20331%20L1000%20322%20L1050%20320%20L1100%20326%20L1150%20339%20L1200%20357%20%22%20stroke-opacity%3D%220.26%22%2F%3E%3Cpath%20d%3D%22M0%20410%20L0%20358%20L50%20351%20L100%20351%20L150%20359%20L200%20373%20L250%20392%20L300%20414%20L350%20434%20L400%20452%20L450%20464%20L500%20470%20L550%20468%20L600%20458%20L650%20443%20L700%20423%20L750%20402%20L800%20382%20L850%20365%20L900%20354%20L950%20350%20L1000%20354%20L1050%20364%20L1100%20381%20L1150%20401%20L1200%20422%20%22%20stroke-opacity%3D%220.22%22%2F%3E%3Cpath%20d%3D%22M0%20440%20L0%20380%20L50%20386%20L100%20398%20L150%20416%20L200%20437%20L250%20458%20L300%20477%20L350%20491%20L400%20499%20L450%20499%20L500%20492%20L550%20478%20L600%20460%20L650%20439%20L700%20418%20L750%20400%20L800%20387%20L850%20380%20L900%20382%20L950%20390%20L1000%20405%20L1050%20424%20L1100%20445%20L1150%20466%20L1200%20483%20%22%20stroke-opacity%3D%220.18%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url%28%23glow%29%22%20opacity%3D%220.25%22%2F%3E%3C%2Fsvg%3E")!important}

/* ============================================================
   PATCH · richieste (hero desktop, onda, scroll, nav mobile, WhatsApp)
   ============================================================ */
/* 1 · Hero ridotto ~50% su desktop (mobile invariato) */
@media(min-width:861px){
  .hero__title{font-size:clamp(3.1rem,6.2vw,6.7rem)}
}
/* 3 · via la scritta "Scroll" (si sovrapponeva ai pulsanti) */
.scroll-hint{display:none!important}
/* 2 · onda di Kanagawa meno invasiva: meno intensità + lieve sfocatura + scrim più deciso */
.scene__svg{opacity:.5;filter:blur(.4px) drop-shadow(0 0 30px rgba(91,134,196,.08))}
.scene::after{background:radial-gradient(150% 110% at 44% 56%,rgba(11,11,12,.24),rgba(11,11,12,.62) 72%,rgba(11,11,12,.74) 100%)}
/* 4 · Mobile: nav e hamburger sempre visibili e leggibili */
@media(max-width:860px){
  .nav-avail{display:none}
  .nav{mix-blend-mode:normal;background:linear-gradient(rgba(11,11,12,.55),rgba(11,11,12,0))}
  .nav.scrolled{background:rgba(11,11,12,.92);backdrop-filter:blur(14px)}
  .nav__toggle{display:block}
  .nav__toggle span{background:var(--cream);box-shadow:0 0 6px rgba(0,0,0,.7)}
}

/* 5 · Widget chat → WhatsApp */
.wa-fab{position:fixed;right:22px;bottom:22px;z-index:8000;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;border:none;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .3s var(--ease)}
.wa-fab:hover{transform:scale(1.07)}
.wa-fab svg{width:30px;height:30px}
.wa-fab .wa-close{display:none}
.wa-fab.open .wa-ico{display:none}
.wa-fab.open .wa-close{display:block}
.wa-panel{position:fixed;right:22px;bottom:92px;z-index:8000;width:min(340px,calc(100vw - 44px));background:var(--black-1);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55);transform:translateY(16px) scale(.97);opacity:0;pointer-events:none;transition:.32s var(--ease)}
.wa-panel.open{transform:none;opacity:1;pointer-events:auto}
.wa-head{background:#075E54;padding:15px 18px;display:flex;gap:12px;align-items:center;color:#fff}
.wa-head .wa-ava{width:42px;height:42px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:0 0 auto;font-family:var(--font-display);font-weight:700;color:#053}
.wa-head b{font-family:var(--font-display);font-size:.98rem;line-height:1.1}
.wa-head span{font-size:.74rem;opacity:.85}
.wa-body{padding:16px 18px;background:#0e1512}
.wa-body .bubble{background:#1f2c26;border-radius:4px 14px 14px 14px;padding:11px 14px;font-size:.9rem;color:#e7f0ea;margin-bottom:14px;line-height:1.4}
.wa-body textarea{width:100%;background:#0b0f0d;border:1px solid #2a3a33;border-radius:10px;padding:10px 12px;color:#eaf1ee;resize:vertical;min-height:66px;font:inherit;outline:none}
.wa-body textarea:focus{border-color:#25D366}
.wa-send{margin-top:12px;width:100%;background:#25D366;color:#053b26;font-family:var(--font-display);font-weight:600;border:none;border-radius:10px;padding:12px;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;transition:filter .2s}
.wa-send:hover{filter:brightness(1.06)}
@media(max-width:560px){.wa-fab{right:16px;bottom:16px}.wa-panel{right:16px;bottom:84px}}

.wa-head b{display:block}

/* logo su griglia (studio del marchio) */
.logo-grid{background-image:linear-gradient(rgba(239,233,218,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(239,233,218,.06) 1px,transparent 1px);background-size:22px 22px;border-radius:6px}
.logo-grid img{filter:drop-shadow(0 6px 24px rgba(0,0,0,.4))}

/* ===== Site CTA (visita il sito) ===== */
.site-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
  padding:clamp(28px,4vw,48px);border:1px solid rgba(239,233,218,.14);border-radius:20px;
  background:linear-gradient(135deg,rgba(198,161,91,.08),rgba(239,233,218,.02))}
.site-cta h2{line-height:1.05}
.site-cta .eyebrow{color:var(--gold)}
@media(max-width:640px){.site-cta{flex-direction:column;align-items:flex-start}}


/* ===== Chi Sono: portrait feature ===== */
.portrait-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.portrait-img{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(239,233,218,.12);aspect-ratio:1/1;max-width:520px}
.portrait-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02)}
.portrait-side{max-width:34ch}
.portrait-quote{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.18;margin:1rem 0 1.2rem}
@media(max-width:760px){.portrait-feature{grid-template-columns:1fr}.portrait-img{max-width:100%}}

/* ===== Chi Sono: browser mockup (web-design flavour) ===== */
.browser-mock{margin-top:clamp(24px,3vw,44px);border:1px solid rgba(239,233,218,.14);border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,#111114,#0C0C0E);box-shadow:0 40px 120px -50px rgba(0,0,0,.9)}
.bm-bar{display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;background:rgba(239,233,218,.05);border-bottom:1px solid rgba(239,233,218,.1)}
.bm-dot{width:11px;height:11px;border-radius:50%;background:#3a3a3f}
.bm-dot:nth-child(1){background:#E36A5E}.bm-dot:nth-child(2){background:#E7B44C}.bm-dot:nth-child(3){background:#67B26F}
.bm-url{margin-left:1rem;font-size:.72rem;letter-spacing:.04em;color:var(--cream-faint);background:rgba(0,0,0,.35);border:1px solid rgba(239,233,218,.08);border-radius:999px;padding:.22rem .9rem}
.bm-view{padding:clamp(20px,3vw,40px)}
.bm-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(20px,3vw,38px)}
.bm-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;color:var(--cream);letter-spacing:.02em}
.bm-logo .d{width:9px;height:9px;border-radius:50%;background:var(--gold)}
.bm-links{display:inline-flex;gap:1rem}
.bm-links i{display:block;width:34px;height:7px;border-radius:4px;background:rgba(239,233,218,.16)}
.bm-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(18px,3vw,40px);align-items:center}
.bm-htext{display:flex;flex-direction:column;gap:.7rem}
.bm-htext .l{height:16px;border-radius:6px;background:rgba(239,233,218,.14);width:90%}
.bm-htext .l.s{height:9px;width:34%;background:var(--gold);opacity:.75}
.bm-htext .l.xl{height:30px;width:100%;background:rgba(239,233,218,.82)}
.bm-htext .l.xl.w2{width:66%}
.bm-cta{margin-top:.6rem;width:130px;height:34px;border-radius:999px;background:var(--gold)}
.bm-hart{aspect-ratio:1/1;border-radius:14px;background:
  radial-gradient(120% 120% at 70% 20%,rgba(198,161,91,.5),transparent 60%),
  linear-gradient(135deg,#1a1b20,#0d0d10);border:1px solid rgba(239,233,218,.1)}
.bm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px);margin-top:clamp(20px,3vw,38px)}
.bm-cards span{height:clamp(70px,9vw,104px);border-radius:12px;background:rgba(239,233,218,.05);border:1px solid rgba(239,233,218,.09)}
@media(max-width:640px){.bm-hero{grid-template-columns:1fr}.bm-hart{max-height:180px}.bm-cards{grid-template-columns:1fr 1fr}}

/* ===== Language switch (real flags) ===== */
.lang{display:inline-flex;align-items:center;gap:.5rem}
.lang .flag{width:36px;height:24px;border-radius:5px;overflow:hidden;display:block;padding:0;line-height:0;
  border:1px solid rgba(239,233,218,.3);opacity:.45;
  transition:opacity .2s,transform .2s,box-shadow .2s;cursor:pointer}
.lang .flag svg{width:100%;height:100%;display:block}
.lang .flag:hover{opacity:1;transform:translateY(-1px)}
.lang .flag.on{opacity:1;box-shadow:0 0 0 2px var(--gold);border-color:transparent}
@media(max-width:860px){.lang .flag{width:38px;height:26px}}

/* ===== ONE Lounge Bar — graphic design case study ===== */
.one-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px);
  background:linear-gradient(135deg,#141018,#0B0B0C);padding:clamp(16px,2.4vw,34px);border-radius:16px;border:1px solid rgba(239,233,218,.08)}
.one-hero img{width:100%;border-radius:10px;display:block}
@media(max-width:640px){.one-hero{grid-template-columns:1fr 1fr}.one-hero img:last-child{grid-column:1/-1;max-width:62%;margin:0 auto}}
.one-logo{display:block;width:100%}
.one-logo svg{width:100%;height:auto;display:block}
.one-logo-frame{background:#0B0B0C;border-radius:16px;border:1px solid rgba(239,233,218,.1);display:grid;place-items:center;padding:clamp(34px,6vw,74px);color:#F3EFE7}
.one-logo-frame .one-logo{max-width:360px}
.one-sm{max-width:82%}
.one-campaign{display:grid;grid-template-columns:1fr 300px;gap:clamp(20px,3vw,44px);margin-top:2.2rem;align-items:start}
.one-posts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px)}
.one-posts figure{margin:0}
.one-posts img{width:100%;border-radius:12px;display:block;border:1px solid rgba(239,233,218,.08)}
.one-posts figcaption{font-size:.78rem;color:var(--cream-faint);margin-top:.5rem;letter-spacing:.02em}
.one-posts figure:first-child{grid-column:1/-1}
.phone{border-radius:26px;overflow:hidden;border:8px solid #17151b;box-shadow:0 40px 90px -40px rgba(0,0,0,.85)}
.phone img{width:100%;display:block}
@media(max-width:760px){.one-campaign{grid-template-columns:1fr}.one-story-wrap{max-width:300px;margin:0 auto}}
.ig-mock{margin-top:2rem;border:1px solid rgba(239,233,218,.12);border-radius:16px;overflow:hidden;background:#0E0E10;max-width:760px}
.ig-head{display:flex;align-items:center;gap:1.2rem;padding:clamp(18px,2.4vw,28px)}
.ig-ava{width:74px;height:74px;flex:0 0 74px;border-radius:50%;background:#0B0B0C;display:grid;place-items:center;color:#fff;border:2px solid #EC3B8B;padding:12px}
.ig-meta{display:flex;flex-direction:column;gap:.15rem}
.ig-meta strong{font-size:1.05rem}
.ig-stats{display:flex;gap:1.2rem;margin-top:.5rem;font-size:.82rem;color:var(--cream-dim)}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.ig-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}

/* ===== ONE Lounge Bar — real flyers + social grids ===== */
.one-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);align-items:start;margin-top:2rem}
.one-gallery figure{margin:0}
.one-gallery img{width:100%;height:auto;border-radius:12px;display:block;border:1px solid rgba(239,233,218,.12)}
.one-gallery figcaption{font-size:.78rem;color:var(--cream-faint);margin-top:.55rem;letter-spacing:.02em}
.one-social{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);margin-top:2rem}
.one-social figure{margin:0}
.one-social img{width:100%;border-radius:12px;display:block;border:1px solid rgba(239,233,218,.1)}
.one-social figcaption{font-size:.78rem;color:var(--cream-faint);margin-top:.55rem;letter-spacing:.02em}
@media(max-width:640px){.one-gallery,.one-social{grid-template-columns:1fr 1fr}}

/* ONE campaign — uniform 3-col grid */
.one-camp{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);margin-top:2.2rem}
.one-camp figure{margin:0}
.one-camp .tile{aspect-ratio:4/5;border-radius:12px;overflow:hidden;border:1px solid rgba(239,233,218,.12);background:#0B0B0C}
.one-camp .tile img{width:100%;height:100%;object-fit:cover;display:block}
.one-camp .tile.brand{display:grid;place-items:center;color:#F3EFE7;padding:12%}
.one-camp figcaption{font-size:.76rem;color:var(--cream-faint);margin-top:.55rem;letter-spacing:.03em;text-transform:uppercase}
@media(max-width:640px){.one-camp{grid-template-columns:1fr 1fr}}

/* ===== Contact form status ===== */
.form-status{grid-column:1/-1;margin-top:.2rem;font-size:.9rem;padding:.75rem 1.05rem;border-radius:10px}
.form-status.ok{background:rgba(110,158,99,.16);border:1px solid rgba(110,158,99,.55);color:#c9e7bd}
.form-status.err{background:rgba(224,106,94,.14);border:1px solid rgba(224,106,94,.55);color:#f2bcb2}

/* ===== Chi Sono — skills + languages ===== */
.skills-wrap{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(30px,5vw,72px);margin-top:2.4rem;align-items:start}
.skill{margin-bottom:1.5rem}
.skill:last-child{margin-bottom:0}
.skill__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}
.skill__top b{font-family:var(--font-display);font-weight:500;font-size:1rem}
.skill__top span{font-size:.82rem;color:var(--cream-dim)}
.skill__bar{height:8px;border-radius:99px;background:rgba(239,233,218,.08);overflow:hidden}
.skill__fill{height:100%;border-radius:99px;width:var(--w)}
.lang-card{border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);background:rgba(239,233,218,.02)}
.lang-card h3{font-family:var(--font-display);font-weight:500;font-size:1.05rem;margin-bottom:1.2rem}
.lang-item{margin-bottom:1.1rem}
.lang-item:last-child{margin-bottom:0}
.lang-item .lt{display:flex;justify-content:space-between;font-size:.92rem;margin-bottom:.45rem}
.lang-item .lt b{font-family:var(--font-display);font-weight:500}
.lang-item .lt span{color:var(--cream-dim);font-size:.82rem}
.lang-item .skill__fill{background:#1BB0CE}
.cefr{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}
.cefr span{font-size:.66rem;letter-spacing:.03em;padding:.22rem .5rem;border-radius:99px;border:1px solid var(--line);color:var(--cream-dim)}
.cefr span b{color:var(--gold);font-weight:700;margin-left:.25rem}
@media(max-width:800px){.skills-wrap{grid-template-columns:1fr}}

/* ===== Chi Sono — storyline ===== */
.story{margin-top:2.4rem}
.story__item{position:relative;display:grid;grid-template-columns:160px 1fr;gap:clamp(16px,3vw,44px);padding:0 0 clamp(30px,4vw,46px) 36px;border-left:1px solid var(--line)}
.story__item:last-child{border-left-color:transparent;padding-bottom:0}
.story__item::before{content:"";position:absolute;left:-6.5px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--dot,#C6A15B);box-shadow:0 0 0 4px var(--black)}
.story__yr{font-family:var(--font-display);font-size:.84rem;letter-spacing:.03em;color:var(--cream-dim);padding-top:2px}
.story__role .st-tag{display:inline-block;font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:var(--cream-faint);border:1px solid var(--line);border-radius:99px;padding:.16rem .55rem;margin-bottom:.55rem}
.story__role h4{font-family:var(--font-display);font-weight:500;font-size:1.14rem}
.story__role .co{font-size:.88rem;color:var(--gold);margin:.2rem 0 .55rem}
.story__role p{font-size:.9rem;color:var(--cream-dim);max-width:54ch}
@media(max-width:640px){.story__item{grid-template-columns:1fr;gap:.5rem}}

/* ===== Chi Sono — passions ===== */
.passions{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px);margin-top:2.2rem}
.passion{border:1px solid var(--line);border-radius:16px;padding:clamp(18px,2.4vw,26px);background:linear-gradient(160deg,rgba(239,233,218,.045),transparent)}
.passion .ic{font-size:1.7rem;display:block;margin-bottom:.7rem;line-height:1}
.passion h4{font-family:var(--font-display);font-weight:500;font-size:1rem;margin-bottom:.35rem}
.passion p{font-size:.82rem;color:var(--cream-dim)}
.passion.p1{border-top:3px solid #C6A15B}.passion.p2{border-top:3px solid #1BB0CE}.passion.p3{border-top:3px solid #EC3B8B}.passion.p4{border-top:3px solid #6E9E63}
@media(max-width:720px){.passions{grid-template-columns:1fr 1fr}}

/* ============================================================
   THEME — dark <-> light, interpolato con --t (0=scuro, 1=chiaro)
   ============================================================ */
@property --t{syntax:"<number>";inherits:true;initial-value:0}
html{transition:--t .55s var(--ease)}
html.no-anim{transition:none}
:root{
  --black:   color-mix(in srgb, #0B0B0C, #EFE9DA calc(var(--t) * 100%));
  --black-1: color-mix(in srgb, #101012, #E7E0CE calc(var(--t) * 100%));
  --black-2: color-mix(in srgb, #161618, #DED6C0 calc(var(--t) * 100%));
  --black-3: color-mix(in srgb, #1d1d20, #D3C9AF calc(var(--t) * 100%));
  --cream:   color-mix(in srgb, #EFE9DA, #14130F calc(var(--t) * 100%));
  --cream-2: color-mix(in srgb, #E7E0CE, #1e1c17 calc(var(--t) * 100%));
  --cream-dim:   color-mix(in srgb, rgba(239,233,218,.58), rgba(20,19,15,.64) calc(var(--t) * 100%));
  --cream-faint: color-mix(in srgb, rgba(239,233,218,.34), rgba(20,19,15,.42) calc(var(--t) * 100%));
  --line:      color-mix(in srgb, rgba(239,233,218,.14), rgba(20,19,15,.18) calc(var(--t) * 100%));
  --line-soft: color-mix(in srgb, rgba(239,233,218,.08), rgba(20,19,15,.10) calc(var(--t) * 100%));
  --gold:      color-mix(in srgb, #C6A15B, #9C7327 calc(var(--t) * 100%));
  --gold-soft: color-mix(in srgb, rgba(198,161,91,.16), rgba(156,115,39,.18) calc(var(--t) * 100%));
}
body::before{opacity:calc(1 - var(--t) * .82)}
.nav{background:linear-gradient(180deg, color-mix(in srgb, rgba(11,11,12,.55), rgba(239,233,218,.80) calc(var(--t)*100%)), transparent)}
.nav.scrolled{background:color-mix(in srgb, rgba(11,11,12,.60), rgba(239,233,218,.82) calc(var(--t)*100%))}

/* ---------- THEME SLIDE toggle ---------- */
.theme-slide{--h:68px;--knob:56px;
  position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:5;
  width:min(88vw,380px);height:var(--h);border-radius:999px;border:1px solid var(--line);
  background:color-mix(in srgb, rgba(255,255,255,.045), rgba(11,11,12,.05) calc(var(--t)*100%));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  display:flex;align-items:center;overflow:hidden;cursor:pointer;user-select:none;touch-action:none;
  box-shadow:0 24px 70px -34px rgba(0,0,0,.65)}
.theme-slide:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.theme-slide__txt{flex:1;text-align:center;font-family:var(--font-display);font-weight:500;
  font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);white-space:nowrap;
  padding-left:calc((var(--h) + 10px) * (1 - var(--t)) + 20px * var(--t));
  padding-right:calc(20px * (1 - var(--t)) + (var(--h) + 10px) * var(--t))}
.theme-slide__txt b{color:var(--cream);font-weight:700}
.theme-slide__knob{position:absolute;top:calc((var(--h) - var(--knob)) / 2);
  left:calc((100% - var(--h)) * var(--t) + (var(--h) - var(--knob)) / 2);
  width:var(--knob);height:var(--knob);border-radius:50%;
  background:color-mix(in srgb, #C6A15B, #0B0B0C calc(var(--t)*100%));
  box-shadow:0 6px 18px rgba(0,0,0,.4)}
.theme-slide .ic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--knob) * .42);height:calc(var(--knob) * .42)}
.theme-slide .ic-sun{color:#0B0B0C;opacity:calc(1 - var(--t))}
.theme-slide .ic-moon{color:#EFE9DA;opacity:var(--t)}
.theme-slide--menu{display:none !important}
@media(max-width:860px){
  .hero .theme-slide{--h:44px;--knob:34px;
    top:clamp(76px,11vh,116px);left:var(--pad-x);transform:none;
    width:min(72vw,238px)}
  .hero .theme-slide .theme-slide__txt{font-size:.58rem;letter-spacing:.08em}
  .hero__title{font-size:clamp(2.6rem,11.5vw,4.2rem)}
}