:root{--bg:#f7f7f3;--paper:#fff;--ink:#11121a;--muted:#686a76;--line:#dedee6;--rose:#ff4d6d;--violet:#6c63ff;--aqua:#00b894;--amber:#ffb020;--blue:#1f7aec;--shadow:0 18px 55px rgba(22,22,35,.10);--radius:22px;--mx:50%;--my:20%} @supports(color:oklch(60% .2 30)){:root{--rose:oklch(68% .22 15);--violet:oklch(61% .21 285);--aqua:oklch(70% .16 170);--amber:oklch(80% .16 82);--blue:oklch(62% .18 255)}} *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden} body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--violet) 9%,transparent),transparent 25rem),linear-gradient(rgba(17,18,26,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,26,.026) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px} a{color:inherit;text-decoration:none}.wrap{width:min(1220px,calc(100% - 26px));margin:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:3px} .topline{overflow:hidden;background:#11121a;color:#fff;border-bottom:3px solid var(--rose)}.track{display:flex;width:max-content;animation:marquee 34s linear infinite}.track span,.track a{padding:9px 18px;white-space:nowrap;font-size:.62rem;font-weight:900;letter-spacing:.45px;text-transform:uppercase}.track span:after,.track a:after{content:"✦";margin-left:18px;color:var(--amber)}.track a{color:#cfddff}@keyframes marquee{to{transform:translateX(-50%)}} .header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px 0 14px}.brand{display:flex;align-items:center;gap:13px}.logo{position:relative;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#11121a;color:#fff;font-size:.78rem;font-weight:1000;box-shadow:7px 7px 0 color-mix(in srgb,var(--violet) 18%,white)} .logo:before{content:"";position:absolute;inset:-3px;border-radius:21px;padding:2px;background:conic-gradient(from var(--angle),var(--rose),var(--amber),var(--aqua),var(--violet),var(--rose));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite}@property --angle{syntax:"";initial-value:0deg;inherits:false}@keyframes spin{to{--angle:360deg}} .brand h1{font-size:2.1rem;letter-spacing:-2px;line-height:1;font-weight:1000;text-transform:uppercase}.brand h1 span{color:var(--rose)}.brand p{margin-top:6px;color:var(--muted);font-size:.8rem}.tools{display:flex;align-items:center;gap:8px}.hire{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;background:#11121a;color:#fff;font-size:.58rem;font-weight:900;text-transform:uppercase}.hire:hover{background:var(--violet)} .search{display:grid;grid-template-columns:minmax(250px,430px) 90px 36px;gap:6px}.search input,.search select{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.search button{border:0;border-radius:12px;background:#11121a;color:#fff;font-size:.56rem;font-weight:900;text-transform:uppercase;cursor:pointer}.search .clear{background:#fff;color:#111;border:1px solid var(--line)} .micro{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:10px}.micro a{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:.5rem;font-weight:900;text-align:center;text-transform:uppercase;transition:.2s}.micro a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.micro a:nth-child(1){border-top:3px solid var(--rose)}.micro a:nth-child(2){border-top:3px solid var(--violet)}.micro a:nth-child(3){border-top:3px solid var(--aqua)}.micro a:nth-child(4){border-top:3px solid var(--amber)}.micro a:nth-child(5){border-top:3px solid var(--blue)} .hero{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.52fr);gap:12px;margin:10px 0 20px}.hero-main,.hero-side{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.93);box-shadow:var(--shadow)}.hero-main{position:relative;overflow:hidden;padding:30px;border-left:6px solid var(--rose)}.hero-main:after{content:"ART→WEB";position:absolute;right:8px;bottom:-28px;color:rgba(17,18,26,.035);font-size:6rem;font-weight:1000;letter-spacing:-6px}.eyebrow{color:var(--violet);font-size:.56rem;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.hero-main h2{position:relative;z-index:2;margin:8px 0 10px;font-size:clamp(1.7rem,4vw,3.3rem);line-height:.98;letter-spacing:-2.5px;text-transform:uppercase}.hero-main p{position:relative;z-index:2;max-width:860px;color:var(--muted);font-size:.82rem;line-height:1.7}.hero-side{padding:14px}.hero-side-title{margin-bottom:9px;color:var(--rose);font-size:.58rem;font-weight:900;text-transform:uppercase}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stats div{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.stats small{display:block;color:var(--muted);font-size:.44rem;font-weight:900;text-transform:uppercase}.stats strong{display:block;margin-top:4px;font-size:.66rem;text-transform:uppercase} .art-orbit{position:relative;height:172px;margin-top:10px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#171827,#292344)}.orb{position:absolute;border-radius:50%;mix-blend-mode:screen}.o1{width:90px;height:90px;left:12%;top:25%;background:var(--rose);animation:f1 5s ease-in-out infinite}.o2{width:110px;height:110px;right:10%;top:8%;background:var(--violet);animation:f2 7s ease-in-out infinite}.o3{width:55px;height:55px;left:44%;bottom:6%;background:var(--aqua);animation:f3 4s ease-in-out infinite}.art-orbit:after{content:"FORM · COLOR · TYPE · MOTION";position:absolute;left:14px;bottom:12px;color:#fff;font-size:.57rem;font-weight:1000}@keyframes f1{50%{transform:translate(38px,-18px) scale(1.18)}}@keyframes f2{50%{transform:translate(-28px,30px) scale(.82)}}@keyframes f3{50%{transform:translate(18px,-48px) rotate(90deg)}} .searchstage{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);margin-bottom:24px}.searchstage h2{font-size:1rem;text-transform:uppercase}.searchstage p{margin-top:5px;color:var(--muted);font-size:.65rem}.searchstage .search{grid-template-columns:minmax(0,1fr) 220px 90px 36px;margin-top:13px}.status{margin-top:10px;color:var(--muted);font-size:.58rem}.results{display:grid;gap:8px;margin-top:12px}.result{display:grid;grid-template-columns:190px minmax(0,1fr) 66px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.result .group{color:var(--violet);font-size:.49rem;font-weight:900;text-transform:uppercase}.result h3{font-size:.78rem}.result p{margin-top:4px;color:var(--muted);font-size:.57rem;line-height:1.45}.result b{font-size:.52rem;text-align:right}.nores{padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.66rem} .sectionhead{display:flex;align-items:center;gap:10px;margin:26px 0 12px}.num{width:30px;height:30px;display:grid;place-items:center;border:1px solid #111;border-radius:10px;background:#fff;font-size:.53rem;font-weight:1000}.sectionhead span{display:block;color:var(--rose);font-size:.48rem;font-weight:900;text-transform:uppercase}.sectionhead h2{font-size:1rem;text-transform:uppercase}.line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)} .timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-card{container-type:inline-size;position:relative;overflow:hidden;min-height:155px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.time-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--aqua))}.time-card small{color:var(--muted);font-size:.46rem;font-weight:900;text-transform:uppercase}.time-card strong{display:block;margin-top:6px;font-size:.84rem}.time-card p{margin-top:7px;color:var(--muted);font-size:.58rem;line-height:1.5}.time-card a{display:inline-block;margin-top:9px;color:var(--violet);font-size:.52rem;font-weight:900;text-transform:uppercase}@container (max-width:240px){.time-card strong{font-size:.75rem}} .studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.studio-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.studio-card small{color:var(--rose);font-size:.46rem;font-weight:900}.studio-card strong{display:block;margin-top:5px;font-size:.82rem}.studio-card p{margin-top:6px;color:var(--muted);font-size:.58rem;line-height:1.55} .lab{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.lab-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:17px;box-shadow:var(--shadow)}.lab-card h3{font-size:.85rem;text-transform:uppercase}.lab-card p{margin-top:5px;color:var(--muted);font-size:.6rem;line-height:1.5}.paint-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:13px}.paint-grid button{aspect-ratio:1;border:0;border-radius:10px;background:#eee;cursor:pointer;transition:transform .15s}.paint-grid button:hover{transform:scale(.94) rotate(2deg)}.lab-actions{display:flex;gap:6px;margin-top:10px}.lab-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.52rem;font-weight:900;text-transform:uppercase;cursor:pointer}.lab-actions .primary{background:#11121a;color:#fff}.motion-stage{position:relative;height:220px;margin-top:13px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#131421,#262342)}.motion-shape{position:absolute;width:90px;height:90px;left:calc(50% - 45px);top:calc(50% - 45px);border-radius:28% 72% 42% 58%/62% 37% 63% 38%;background:linear-gradient(135deg,var(--rose),var(--violet),var(--aqua));animation:morph 5s ease-in-out infinite alternate,orbit 7s linear infinite}@keyframes morph{to{border-radius:70% 30% 65% 35%/30% 68% 32% 70%;filter:hue-rotate(35deg)}}@keyframes orbit{50%{transform:translate(120px,-45px) rotate(180deg)}100%{transform:translate(-90px,45px) rotate(360deg)}} .articlelayout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:17px;margin:18px 0 26px}.articlecard{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.breadcrumbs{margin-bottom:11px;color:var(--muted);font-size:.54rem}.breadcrumbs a{color:var(--violet)}.articlecard h2{margin:25px 0 9px;font-size:1.02rem;text-transform:uppercase}.articlecard h2:first-of-type{margin-top:10px}.articlecard p{margin-bottom:13px;color:#5c5f6c;font-size:.77rem;line-height:1.82}.articlecard strong{color:#11121a}.note{margin:15px 0;padding:13px 15px;border-left:4px solid var(--amber);border-radius:0 14px 14px 0;background:#faf9f2;color:#62636e;font-size:.7rem;line-height:1.62}.factgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.factgrid div{padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.factgrid small{display:block;color:var(--muted);font-size:.44rem;font-weight:900;text-transform:uppercase}.factgrid strong{display:block;margin-top:3px;font-size:.64rem}.design-bridge{margin:18px 0;padding:16px;border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--violet) 5%,white),white)}.design-bridge small{color:var(--rose);font-size:.48rem;font-weight:900;text-transform:uppercase}.design-bridge h3{margin-top:5px;font-size:.82rem}.design-bridge p{margin-top:6px;margin-bottom:0}.micro-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.micro-pill{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#555965;font-size:.48rem;font-weight:800}.side{position:sticky;top:10px;align-self:start}.sidebox{margin-bottom:10px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.sidetitle{padding:10px 11px;background:#11121a;color:#fff;font-size:.53rem;font-weight:900;text-transform:uppercase}.sidebox a{display:block;padding:8px 11px;border-bottom:1px solid var(--line);color:#5d606c;font-size:.56rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.related a{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5c606a;font-size:.57rem}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prevnext a{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#5b5e68;font-size:.56rem}.refs{margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.refs h3{font-size:.7rem;text-transform:uppercase}.refs a{display:block;margin-top:7px;color:var(--blue);font-size:.57rem}.cta{position:relative;overflow:hidden;margin:24px 0;padding:22px;border-radius:24px;background:#11121a;color:#fff}.cta:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from var(--angle),transparent,var(--rose),transparent,var(--violet),transparent,var(--aqua),transparent);opacity:.20;animation:spin 8s linear infinite}.cta>*{position:relative;z-index:2}.cta small{color:#d9d8ff;font-size:.48rem;font-weight:900;text-transform:uppercase}.cta h2{margin:6px 0 7px;font-size:1.25rem}.cta p{color:#c9cbd5;font-size:.69rem;line-height:1.6}.cta a{display:inline-flex;margin-top:11px;padding:10px 13px;border-radius:999px;background:#fff;color:#11121a;font-size:.56rem;font-weight:1000;text-transform:uppercase}.footer{margin-top:22px;padding:24px 18px;border-top:1px solid #282a35;background:#11121a;color:#aeb1bd;text-align:center;font-size:.56rem;line-height:1.8}.footer strong{color:#fff;font-size:.9rem}.footerlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}.footerlinks a,.footerlinks span{padding:4px 6px;border:1px solid #323440;border-radius:999px;color:#d3d4dc;font-size:.44rem;text-transform:uppercase}mark{background:#fff0a7;color:#111} @supports(animation-timeline:view()){.time-card,.articlecard .design-bridge{animation:rise both linear;animation-timeline:view();animation-range:entry 0% cover 28%}@keyframes rise{from{opacity:.35;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}}@view-transition{navigation:auto} @media(max-width:1000px){.header{grid-template-columns:1fr}.tools{justify-content:space-between}.timeline-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:repeat(2,1fr)}.articlelayout{grid-template-columns:1fr}.side{position:static}.lab{grid-template-columns:1fr}} @media(max-width:760px){.hero{grid-template-columns:1fr}.micro{grid-template-columns:repeat(3,1fr)}.searchstage .search{grid-template-columns:1fr 1fr 80px 36px}.result{grid-template-columns:1fr auto}.result .group{grid-column:1/-1}.factgrid{grid-template-columns:1fr 1fr}} @media(max-width:540px){.tools{display:block}.hire{margin-bottom:7px}.search,.searchstage .search{grid-template-columns:1fr 78px 34px}.searchstage .search select{grid-column:1/-1}.timeline-grid,.studio-grid,.related{grid-template-columns:1fr}.micro{grid-template-columns:1fr 1fr}.brand h1{font-size:1.55rem}.logo{width:52px;height:52px}.articlecard{padding:17px}.prevnext{grid-template-columns:1fr}.factgrid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track,.logo:before,.o1,.o2,.o3,.motion-shape,.cta:before{animation:none!important}*,*::before,*::after{transition-duration:.001ms!important}} /* WEMAXA_RICH_ARTICLES_START */ .story-intro,.dna-panel,.process-panel,.look-panel,.inline-lab,.explain-split,.code-card,.deep-box{ margin:18px 0;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden; } .story-intro{background: radial-gradient(circle at 88% 12%,hsl(var(--h2) 80% 70%/.16),transparent 32%), radial-gradient(circle at 10% 90%,hsl(var(--h1) 80% 68%/.10),transparent 34%),#fff} .story-kicker{padding:10px 14px;border-bottom:1px solid var(--line);font-size:.47rem;font-weight:1000;letter-spacing:.8px;color:var(--rose)} .story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:14px;padding:16px} .story-lead h2{margin:0 0 8px;font-size:1.08rem}.story-lead p{margin:0 0 10px} .quick-read{display:grid;gap:7px;list-style:none}.quick-read li{position:relative;padding:9px 10px 9px 30px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#575b67;font-size:.63rem;line-height:1.5} .quick-read li:before{content:"✦";position:absolute;left:10px;top:9px;color:var(--violet)} .panel-heading{margin-bottom:10px}.panel-heading small,.explain-copy>small,.code-card small{display:block;color:var(--rose);font-size:.46rem;font-weight:1000;letter-spacing:.7px}.panel-heading h2,.explain-copy h2,.code-card h2{margin:4px 0 0;font-size:.92rem} .dna-panel,.process-panel,.look-panel{padding:16px}.dna-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.dna-grid div{padding:10px;border:1px solid var(--line);border-radius:13px;background:#fafafe}.dna-grid small{display:block;color:var(--muted);font-size:.43rem;font-weight:900}.dna-grid strong{display:block;margin-top:4px;font-size:.65rem} .process-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px}.process-strip div{position:relative;padding:11px 8px;border-radius:12px;background:#11121a;color:#fff;overflow:hidden}.process-strip div:after{content:"";position:absolute;inset:auto -30% -60% 30%;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--violet));opacity:.22;animation:process-pulse 4s ease-in-out infinite alternate}.process-strip i{display:block;color:#aeb1bd;font-size:.42rem;font-style:normal}.process-strip b{position:relative;z-index:2;display:block;margin-top:3px;font-size:.56rem;text-transform:uppercase}.process-note{margin-top:9px;padding:10px;border-radius:12px;background:#f8f8fb;color:#5d606a;font-size:.61rem;line-height:1.55} @keyframes process-pulse{to{transform:translate(-35px,-25px) scale(1.35)}} .look-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chip-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip-cloud span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.49rem;font-weight:800}.chip-cloud.tools span:nth-child(odd){background:#11121a;color:#fff;border-color:#11121a} .inline-lab{display:grid;grid-template-columns:.8fr 1.2fr;padding:16px;background:linear-gradient(135deg,#fff,#f8f8fc)}.lab-copy{padding-right:16px}.lab-copy small{color:var(--violet);font-size:.46rem;font-weight:1000}.lab-copy h3{margin:4px 0 6px;font-size:.9rem}.lab-copy p{font-size:.61rem;line-height:1.55;color:#5e616b}.lab-copy label{display:grid;gap:6px;margin-top:10px;font-size:.52rem;font-weight:900;text-transform:uppercase}.lab-copy input[type=range]{width:100%;accent-color:var(--violet)}.lab-copy button{margin-top:10px;padding:8px 11px;border:0;border-radius:999px;background:#11121a;color:#fff;font-size:.52rem;font-weight:900;cursor:pointer} .lab-output{min-height:180px;border-radius:16px;border:1px solid var(--line);position:relative;overflow:hidden;background:#f1f1f4} .hatch-output{--hatch:7;background:repeating-linear-gradient(18deg,#151515 0 1px,transparent 1px calc(var(--hatch)*1px)),repeating-linear-gradient(102deg,rgb(0 0 0/.48) 0 1px,transparent 1px calc((var(--hatch) + 4)*1px)),#eee8db} .brush-output{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:24px;background:#f4efe8}.brush-output i{height:calc(var(--pressure,55)*.18px + 5px);border-radius:999px 40% 55% 999px;background:linear-gradient(90deg,var(--rose),var(--violet) 70%,transparent);opacity:calc(.35 + var(--pressure,55)*.006)}.brush-output i:nth-child(2){width:82%;transform:rotate(-3deg)}.brush-output i:nth-child(3){width:66%;transform:rotate(2deg)} .type-output{display:grid;place-items:center;padding:20px;background:#11121a;color:#fff;font-size:clamp(2rem,6vw,5rem);font-weight:1000;letter-spacing:calc(var(--tracking,0)*.01em);text-transform:uppercase;line-height:.9;text-align:center} .space-output{display:grid;grid-template-columns:1fr var(--center,45%) 1fr;gap:8px;padding:22px;align-items:end;background:linear-gradient(#eceefa,#f7f4eb)}.space-output>*{display:block;background:#151622;border-radius:6px 6px 0 0}.space-output i{height:45%}.space-output b{height:92%;background:linear-gradient(180deg,var(--violet),#151622)} .photo-output{display:grid;place-items:center;background:#161720}.photo-output>div{width:78%;height:76%;border-radius:14px;background:radial-gradient(circle at 72% 28%,#fff4b2 0 5%,transparent 6%),linear-gradient(145deg,#9fcbe9 0 48%,#415d50 49% 70%,#1f2923 71%);filter:brightness(calc(var(--exposure,100)/100)) contrast(1.05);box-shadow:0 0 0 8px #fff} .grid-output{display:grid;grid-template-columns:var(--grid-a,55%) 1fr;grid-template-rows:1fr 1fr;gap:7px;padding:18px;background:#f3f3f6}.grid-output i{grid-row:1/3;background:var(--rose)}.grid-output b{background:#11121a}.grid-output span{background:var(--violet)} .tool-output{display:grid;place-content:center;gap:7px;padding:25px;background:var(--tool-bg,#f2f2f6);color:var(--tool-fg,#11121a);transition:.3s}.tool-output b{font-size:1.3rem}.tool-output span{font-size:.6rem}.tool-output button{padding:8px 10px;border:0;border-radius:999px;background:var(--tool-accent,var(--violet));color:#fff} .web-output{display:grid;place-items:center;padding:14px;background:#eef0f5}.demo-component{container-type:inline-size;width:min(100%,var(--component-w,440px));display:grid;grid-template-columns:1fr .7fr;gap:10px;padding:15px;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgb(0 0 0/.1)}.demo-component b{font-size:.8rem}.demo-component span{font-size:.55rem;color:#676b76}.demo-component i{grid-column:1/-1;height:52px;border-radius:10px;background:linear-gradient(90deg,var(--rose),var(--violet))}@container (max-width:360px){.demo-component{grid-template-columns:1fr}.demo-component i{grid-column:auto}} .cave-output{background:linear-gradient(135deg,#9a7257,#5e4435);--light-x:50%}.cave-output:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) 45%,transparent 0 8%,rgb(0 0 0/.72) 34% 100%);pointer-events:none}.cave-animal{position:absolute;left:25%;top:35%;width:52%;height:26%;border:5px solid #602d24;border-color:#602d24 transparent #602d24 #602d24;border-radius:55% 45% 40% 55%;transform:rotate(-7deg)}.cave-output i{position:absolute;left:56%;top:27%;width:18px;height:40px;border:4px solid #602d24;border-width:4px 0 0 4px;transform:rotate(28deg)} .product-output{display:grid;place-items:center;background:#eceef2}.product-knob{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9bec8 26%,#5f6570 65%,#2a2d34);box-shadow:0 16px 25px rgb(0 0 0/.22);transition:.25s}.product-output.cued .product-knob{box-shadow:0 0 0 8px color-mix(in srgb,var(--violet) 25%,transparent),0 16px 25px rgb(0 0 0/.22);transform:rotate(18deg)}.product-output span{position:absolute;bottom:18px;font-size:.5rem;font-weight:900;text-transform:uppercase} .composition-output{background:#f3eee7}.composition-output b{position:absolute;left:calc(var(--focus,45%)*1);top:32%;width:90px;height:90px;border-radius:50%;background:var(--rose);transform:translateX(-50%)}.composition-output i{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--violet)}.composition-output i:nth-of-type(1){right:18%;top:20%}.composition-output i:nth-of-type(2){right:28%;bottom:18%}.composition-output span{position:absolute;left:12%;bottom:18%;width:28%;height:20px;background:#11121a} .explain-split{display:grid;grid-template-columns:1fr .9fr;padding:16px}.explain-copy{padding-right:18px}.transfer-viz{display:grid;grid-template-columns:1fr 32px 1fr;gap:8px;align-items:center}.transfer-old,.transfer-new{position:relative;min-height:150px;padding:12px;border-radius:15px;background:#f1eee7;overflow:hidden}.transfer-new{background:#11121a;color:#fff}.transfer-viz span{font-size:.42rem;font-weight:1000;letter-spacing:.6px}.transfer-viz b{display:block;margin-top:6px;font-size:.7rem;text-transform:uppercase}.transfer-viz i{position:absolute;left:16%;right:16%;bottom:22%;height:46%;border:2px solid currentColor;border-radius:42% 58% 48% 52%;animation:transfer-morph 4s ease-in-out infinite alternate}.transfer-new i{border-radius:14px;background:linear-gradient(135deg,var(--rose),var(--violet));border:0}.transfer-arrow{text-align:center;font-size:1.2rem;font-weight:1000}@keyframes transfer-morph{to{transform:rotate(9deg) scale(.85);border-radius:65% 35% 30% 70%}} .code-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px;padding:16px;background:#11121a;color:#fff}.code-card p{color:#c4c7d0!important}.code-card pre{overflow:auto;padding:14px;border-radius:15px;background:#08090f;border:1px solid #323542;color:#d9f3ff;font-size:.59rem;line-height:1.55}.code-card h2{color:#fff} .deep-box{background:#fff}.deep-box summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:13px 15px;font-size:.65rem;font-weight:900;text-transform:uppercase;list-style:none}.deep-box summary::-webkit-details-marker{display:none}.deep-box summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#11121a;color:#fff;font-size:.46rem}.deep-box[open] summary{border-bottom:1px solid var(--line)}.deep-box>div{padding:14px 16px}.deep-box>div p:last-child{margin-bottom:0} .viz-stage{position:relative;min-height:250px;border-radius:18px;overflow:hidden;background:#11121a;isolation:isolate}.viz-caption{position:absolute;left:12px;bottom:10px;z-index:9;padding:5px 7px;border-radius:999px;background:rgb(255 255 255/.9);color:#11121a;font-size:.44rem;font-weight:1000;text-transform:uppercase} .viz-print{background:#e8dfcf}.viz-plate{position:absolute;left:12%;top:20%;width:48%;height:58%;background:#8d8273;transform:rotate(-4deg);box-shadow:0 12px 30px rgb(0 0 0/.18)}.viz-plate i{position:absolute;left:9%;right:9%;height:1px;background:#202020;transform-origin:left;animation:hatch-draw 2.7s ease-in-out infinite alternate}.viz-plate i:nth-child(1){top:20%;transform:rotate(10deg)}.viz-plate i:nth-child(2){top:32%;transform:rotate(-8deg)}.viz-plate i:nth-child(3){top:45%;transform:rotate(16deg)}.viz-plate i:nth-child(4){top:58%;transform:rotate(-15deg)}.viz-plate i:nth-child(5){top:70%;transform:rotate(6deg)}@keyframes hatch-draw{from{scale:.08 1}to{scale:1 1}} .viz-roller{position:absolute;left:45%;top:12%;width:52px;height:120px;border-radius:28px;background:#111;transform:rotate(62deg);animation:roller 4s ease-in-out infinite}.viz-roller:after{content:"";position:absolute;left:19px;top:110px;width:14px;height:80px;background:#bd7c40}@keyframes roller{50%{transform:translate(-90px,75px) rotate(62deg)}}.viz-paper{position:absolute;right:8%;top:24%;width:34%;height:54%;display:grid;place-items:center;background:#faf3df;box-shadow:0 12px 20px rgb(0 0 0/.15);animation:paper-in 4s ease-in-out infinite}.viz-paper b{font-size:.5rem;letter-spacing:1px;text-transform:uppercase;opacity:.45}@keyframes paper-in{0%,35%{transform:translateX(80px);opacity:0}55%,100%{transform:none;opacity:1}} .viz-paint{background:#f3eadf}.viz-brush{position:absolute;left:10%;top:20%;width:170px;height:18px;background:#8b5a38;border-radius:999px;transform:rotate(-18deg);animation:brush-move 4s ease-in-out infinite}.viz-brush i{position:absolute;right:-55px;top:-10px;width:70px;height:38px;background:linear-gradient(90deg,#c8b49b,#30251d);clip-path:polygon(0 15%,100% 0,84% 100%,0 78%)}@keyframes brush-move{50%{transform:translate(190px,90px) rotate(-8deg)}}.viz-stroke{position:absolute;left:20%;height:24px;border-radius:999px;background:linear-gradient(90deg,var(--rose),var(--violet),transparent);transform-origin:left;animation:stroke-grow 4s ease-in-out infinite}.viz-stroke.s1{top:48%;width:64%}.viz-stroke.s2{top:60%;width:50%;animation-delay:.2s}.viz-stroke.s3{top:72%;width:42%;animation-delay:.35s}@keyframes stroke-grow{0%,20%{scale:.05 1;opacity:.2}60%,100%{scale:1 1;opacity:1}} .viz-type{display:grid;place-items:center;background:#f2f0ea;color:#111}.viz-type-word{font-size:clamp(2rem,5vw,4.3rem);font-weight:1000;text-transform:uppercase;letter-spacing:-.08em;animation:type-space 4s ease-in-out infinite alternate}.viz-baseline{position:absolute;left:8%;right:8%;top:63%;height:1px;background:#111;opacity:.35}@keyframes type-space{to{letter-spacing:.18em;transform:scale(.84)}} .viz-space{background:#e8ecf4}.perspective-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(20 25 35/.18) 0 1px,transparent 1px 32px),repeating-linear-gradient(0deg,rgb(20 25 35/.18) 0 1px,transparent 1px 32px);transform:perspective(420px) rotateX(58deg) scale(1.35);transform-origin:center bottom}.space-mass{position:absolute;bottom:20%;width:18%;background:#11121a;border-radius:5px 5px 0 0;box-shadow:0 20px 30px rgb(0 0 0/.12);animation:mass-rise 4s ease-in-out infinite alternate}.space-mass.m1{left:18%;height:35%}.space-mass.m2{left:42%;height:62%;background:var(--violet);animation-delay:.2s}.space-mass.m3{right:18%;height:45%;animation-delay:.4s}@keyframes mass-rise{from{scale:1 .3;transform-origin:bottom}to{scale:1 1}} .viz-photo{background:#11121a}.photo-frame{position:absolute;inset:12% 15%;overflow:hidden;border-radius:15px;background:linear-gradient(#91caec 0 55%,#4d685b 56% 76%,#1c2b25 77%);filter:brightness(var(--photo-bright,1));animation:photo-expose 5s ease-in-out infinite alternate}.photo-sun{position:absolute;right:16%;top:15%;width:28px;height:28px;border-radius:50%;background:#fff1a7;box-shadow:0 0 30px #fff1a7}.photo-mountain{position:absolute;left:-4%;bottom:16%;width:70%;height:55%;background:#384c43;clip-path:polygon(0 100%,45% 18%,100% 100%)}.photo-focus{position:absolute;left:38%;top:36%;width:26%;height:28%;border:1px solid #fff}.photo-meter{position:absolute;right:5%;top:18%;bottom:18%;width:6px;border-radius:999px;background:linear-gradient(#fff,#666,#111)}@keyframes photo-expose{to{filter:brightness(1.35) contrast(.92)}} .viz-grid{display:grid;grid-template-columns:1.45fr .55fr;grid-template-rows:1fr .8fr;gap:8px;padding:32px;background:#f5f4ef}.viz-grid .g{border-radius:10px;animation:grid-shift 5s ease-in-out infinite alternate}.g1{grid-row:1/3;background:var(--rose)}.g2{background:#11121a}.g3{background:var(--violet)}.g4{position:absolute;right:8%;bottom:10%;width:18%;height:18%;background:var(--aqua)}.g5{position:absolute;right:31%;top:12%;width:11%;height:11%;border-radius:50%!important;background:var(--amber)}@keyframes grid-shift{to{transform:translateY(8px) scale(.96)}} .viz-tool{background:#171823}.tool-layer{position:absolute;left:18%;right:18%;height:54px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:.52rem;font-weight:1000;box-shadow:0 12px 24px rgb(0 0 0/.2);animation:layer-stack 4s ease-in-out infinite alternate}.tool-layer.l1{top:18%;background:#303247}.tool-layer.l2{top:38%;background:var(--violet);animation-delay:.15s}.tool-layer.l3{top:58%;background:var(--rose);animation-delay:.3s}.tool-wire{position:absolute;left:50%;top:26%;height:42%;width:2px;background:#fff;opacity:.45}@keyframes layer-stack{to{transform:translateX(24px) scale(.94)}} .viz-web{background:#dedfe7}.browser{position:absolute;inset:10%;border-radius:16px;background:#fff;box-shadow:0 20px 45px rgb(0 0 0/.16);overflow:hidden}.browser-top{height:28px;background:#11121a;display:flex;align-items:center;gap:5px;padding:0 9px}.browser-top i{width:7px;height:7px;border-radius:50%;background:var(--rose)}.browser-top i:nth-child(2){background:var(--amber)}.browser-top i:nth-child(3){background:var(--aqua)}.browser-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;padding:14px;animation:browser-layout 4s ease-in-out infinite alternate}.browser-layout b{grid-row:1/4;background:linear-gradient(135deg,var(--violet),var(--rose));border-radius:10px;min-height:130px}.browser-layout span{height:36px;background:#ececf2;border-radius:8px}@keyframes browser-layout{to{grid-template-columns:.8fr 1.2fr}} .viz-cave{background:linear-gradient(135deg,#a27b5c,#634736)}.rock{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(255 255 255/.14),transparent 20%),radial-gradient(circle at 70% 65%,rgb(0 0 0/.22),transparent 28%)}.hand-mark{position:absolute;left:38%;top:33%;width:74px;height:85px;border-radius:45% 45% 50% 50%;border:7px solid #7f3123;border-top-width:10px}.hand-mark i{position:absolute;bottom:70%;width:12px;height:58px;border:6px solid #7f3123;border-bottom:0;border-radius:999px}.hand-mark i:nth-child(1){left:-12px;transform:rotate(-18deg)}.hand-mark i:nth-child(2){left:8px;bottom:82%}.hand-mark i:nth-child(3){left:29px;bottom:88%}.hand-mark i:nth-child(4){left:50px;bottom:82%}.hand-mark i:nth-child(5){left:66px;transform:rotate(18deg)}.torch-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffd87c55,transparent 66%);animation:torch 5s ease-in-out infinite alternate}@keyframes torch{from{left:-10%;top:5%}to{left:60%;top:30%}} .viz-product{background:#eceef3}.product-object{position:absolute;left:35%;top:24%;width:110px;height:110px;border-radius:28px;background:linear-gradient(145deg,#fff,#aeb5c0);box-shadow:0 22px 30px rgb(0 0 0/.2);animation:product-tilt 4s ease-in-out infinite alternate}.product-object span{position:absolute;left:38%;top:38%;width:28px;height:28px;border-radius:50%;background:#11121a}.feedback-ring{position:absolute;left:calc(35% + 31px);top:calc(24% + 31px);width:48px;height:48px;border:2px solid var(--violet);border-radius:50%;animation:ring 2s ease-out infinite}@keyframes ring{to{scale:2.3;opacity:0}}@keyframes product-tilt{to{transform:rotate(9deg) translateY(-8px)}} .viz-composition{background:#f3eee7}.comp-axis{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:#111;opacity:.22;transform:rotate(12deg)}.comp-dot{position:absolute;border-radius:50%;animation:comp-float 4s ease-in-out infinite alternate}.d1{left:18%;top:22%;width:92px;height:92px;background:var(--rose)}.d2{right:17%;top:18%;width:34px;height:34px;background:var(--violet);animation-delay:.2s}.d3{right:26%;bottom:18%;width:52px;height:52px;background:var(--aqua);animation-delay:.35s}.comp-block{position:absolute;left:27%;bottom:13%;width:38%;height:20px;background:#11121a}@keyframes comp-float{to{transform:translate(14px,-9px) scale(.9)}} @media(max-width:760px){.story-grid,.inline-lab,.explain-split,.code-card,.look-panel{grid-template-columns:1fr}.dna-grid{grid-template-columns:1fr 1fr}.lab-copy{padding-right:0;padding-bottom:12px}.viz-stage{min-height:220px}.transfer-viz{min-height:170px}} @media(max-width:500px){.dna-grid{grid-template-columns:1fr}.process-strip{grid-template-columns:repeat(2,1fr)}} @media(prefers-reduced-motion:reduce){.process-strip div:after,.transfer-viz i,.viz-stage *{animation:none!important}} /* WEMAXA_RICH_ARTICLES_END */ /* WEMAXA_DEPTH_LAYOUT_START */ @property --outline-angle{syntax:"";initial-value:0deg;inherits:false} .longform-depth{margin-top:22px;display:grid;gap:20px} .depth-section{ position:relative; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr); gap:18px; padding:22px; border-radius:24px; background:linear-gradient(145deg,#fff,#fbfbff); box-shadow: 0 24px 60px rgb(20 22 35 / .10), 0 5px 14px rgb(20 22 35 / .06), inset 0 1px 0 rgb(255 255 255 / .9); transform-style:preserve-3d; transition:transform .28s ease,box-shadow .28s ease; isolation:isolate; } .depth-section:before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; background:conic-gradient( from var(--outline-angle), transparent 0 14%, var(--violet) 20%, var(--rose) 30%, transparent 38% 62%, var(--aqua) 70%, var(--amber) 79%, transparent 88% 100% ); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; animation:outline-orbit 9s linear infinite; } .depth-section:after{ content:""; position:absolute; z-index:-1; inset:12px -8px -10px 14px; border-radius:26px; background:linear-gradient(135deg,rgb(108 99 255 / .12),rgb(255 77 109 / .08),rgb(0 184 148 / .10)); filter:blur(18px); opacity:.7; } .depth-section:hover{ transform:perspective(1100px) rotateX(.7deg) rotateY(-.8deg) translateY(-3px); box-shadow:0 34px 74px rgb(20 22 35 / .14),0 9px 20px rgb(20 22 35 / .08); } .depth-section.snippet-left{grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr)} .depth-section.snippet-left .depth-copy{grid-column:2} .depth-section.snippet-left .raised-snippet{grid-column:1;grid-row:1} @keyframes outline-orbit{to{--outline-angle:360deg}} .depth-copy{position:relative;z-index:2;transform:translateZ(24px)} .depth-eyebrow{ display:inline-flex; padding:5px 8px; margin-bottom:7px; border-radius:999px; background:#11121a; color:#fff; font-size:.44rem; font-weight:1000; letter-spacing:.7px; } .depth-copy h2{margin:0 0 10px!important;font-size:1.05rem!important;letter-spacing:-.02em} .depth-copy p{font-size:.78rem!important;line-height:1.9!important;margin-bottom:13px!important} .raised-snippet{ position:relative; align-self:start; min-height:190px; padding:16px; border:1px solid rgb(222 222 230 / .9); border-radius:18px; background: linear-gradient(145deg,rgb(255 255 255 / .96),rgb(244 244 250 / .94)); box-shadow: 12px 14px 0 rgb(17 18 26 / .05), 0 22px 40px rgb(20 22 35 / .12), inset 0 1px 0 #fff; transform:perspective(700px) rotateY(-3deg) rotateX(2deg) translateZ(34px); overflow:hidden; } .snippet-left .raised-snippet{transform:perspective(700px) rotateY(3deg) rotateX(2deg) translateZ(34px)} .raised-snippet:before{ content:""; position:absolute; width:130px;height:130px; right:-50px;top:-46px; border-radius:50%; background:radial-gradient(circle,var(--violet),transparent 68%); opacity:.12; } .raised-snippet small{ display:block; color:var(--rose); font-size:.43rem; font-weight:1000; letter-spacing:.7px; } .raised-snippet strong{ display:block; margin-top:8px; font-size:.78rem; line-height:1.45; } .raised-snippet code{ display:block; margin-top:15px; padding:9px 10px; border-radius:11px; background:#11121a; color:#dfe8ff; font-size:.49rem; line-height:1.5; overflow-wrap:anywhere; } .snippet-lines{display:grid;gap:5px;margin-top:14px} .snippet-lines i{ display:block;height:5px;border-radius:999px; background:linear-gradient(90deg,var(--violet),var(--rose),var(--aqua)); transform-origin:left; animation:snippet-breathe 3.7s ease-in-out infinite alternate; } .snippet-lines i:nth-child(2){width:78%;animation-delay:.25s} .snippet-lines i:nth-child(3){width:54%;animation-delay:.5s} @keyframes snippet-breathe{from{transform:scaleX(.42);opacity:.45}to{transform:scaleX(1);opacity:1}} .articlecard>.note,.articlecard>.factgrid,.story-intro,.dna-panel,.process-panel,.look-panel,.inline-lab,.explain-split,.code-card,.design-bridge,.refs{ box-shadow:0 14px 34px rgb(20 22 35 / .06); } .story-intro,.inline-lab,.code-card,.design-bridge{ transform:translateZ(0); transition:transform .22s ease,box-shadow .22s ease; } .story-intro:hover,.inline-lab:hover,.code-card:hover,.design-bridge:hover{ transform:translateY(-2px); box-shadow:0 22px 48px rgb(20 22 35 / .10); } @media(max-width:820px){ .depth-section,.depth-section.snippet-left{grid-template-columns:1fr} .depth-section.snippet-left .depth-copy,.depth-section.snippet-left .raised-snippet{grid-column:auto;grid-row:auto} .raised-snippet,.snippet-left .raised-snippet{transform:none} } @media(prefers-reduced-motion:reduce){ .depth-section:before,.snippet-lines i{animation:none!important} .depth-section,.depth-section:hover,.raised-snippet,.snippet-left .raised-snippet{transform:none!important} } /* WEMAXA_DEPTH_LAYOUT_END */ /* WEMAXA_SEMANTIC_FIX_START */ .semantic-story .story-lead>p:first-of-type{font-size:.72rem;line-height:1.72;color:#4e5260}.era-line{display:grid;gap:4px;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfbfd}.era-line small,.lens-box small,.fact-stack small{color:var(--rose);font-size:.43rem;font-weight:1000;letter-spacing:.55px}.era-line strong{font-size:.62rem;line-height:1.45}.topic-caveat{margin-top:10px;padding:9px 11px;border-radius:11px;background:#fff8e7;border:1px solid #ead9aa;color:#615c4d;font-size:.56rem;line-height:1.5}.lens-box{margin:16px 0;padding:15px;border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,#fbfaff,#fff)}.lens-box h2{margin:4px 0 6px!important;font-size:.85rem!important}.lens-box p{margin:0!important}.semantic-explain{align-items:stretch}.fact-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fact-stack div{padding:11px;border:1px solid var(--line);border-radius:13px;background:#f9f9fc}.fact-stack b{display:block;margin-top:5px;font-size:.62rem;line-height:1.42}.chip-cloud span{display:inline-flex;align-items:center;min-height:28px}.process-strip b{line-height:1.35}.story-lead .quick-read li{font-size:.61rem}.dna-grid strong{line-height:1.35}.look-panel p{font-size:.64rem!important;line-height:1.62!important}.design-bridge p{font-size:.69rem!important;line-height:1.65!important} @media(max-width:620px){.fact-stack{grid-template-columns:1fr}} /* WEMAXA_SEMANTIC_FIX_END */ /* WEMAXA_REAL_CONTENT_START */ .real-depth{display:grid;gap:18px;margin:20px 0}.real-facts .depth-copy p{font-size:.79rem!important;line-height:1.88!important}.artnouveau-viz{position:relative;min-height:250px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#17251f,#213d31 48%,#102019);color:#f6e9c9}.artnouveau-viz:before{content:"";position:absolute;inset:8%;border:1px solid rgb(246 233 201/.45);border-radius:45% 55% 52% 48%/63% 36% 64% 37%;animation:nouveau-frame 7s ease-in-out infinite alternate}.artnouveau-viz b{position:absolute;left:14%;bottom:22%;font-size:1.4rem;letter-spacing:.11em}.artnouveau-viz span{position:absolute;left:14%;bottom:14%;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.vine{position:absolute;display:block;width:180px;height:180px;border:8px solid #d4a85d;border-left-color:transparent;border-bottom-color:transparent;border-radius:72% 28% 65% 35%;filter:drop-shadow(0 8px 10px rgb(0 0 0/.22));animation:nouveau-vine 5.5s ease-in-out infinite alternate}.v1{right:8%;top:4%;transform:rotate(35deg)}.v2{right:29%;top:24%;width:115px;height:115px;border-width:5px;color:#8bb69c;animation-delay:.6s}.v3{right:-4%;bottom:-16%;width:240px;height:240px;border-color:#b45f63 transparent transparent #b45f63;animation-delay:1s}@keyframes nouveau-vine{to{transform:rotate(67deg) scale(.86)}}@keyframes nouveau-frame{to{border-radius:64% 36% 28% 72%/34% 67% 33% 66%;transform:rotate(3deg)}}.artnouveau-output{--curve:58;background:linear-gradient(145deg,#f5ead1,#d8c8aa)}.artnouveau-output i{position:absolute;left:18%;top:18%;width:52%;height:62%;border:7px solid #355b49;border-left-color:transparent;border-bottom-color:transparent;border-radius:calc(var(--curve)*1%) calc((100 - var(--curve))*1%) 68% 32%;transform:rotate(-18deg)}.artnouveau-output i:nth-child(2){left:38%;top:20%;width:33%;height:42%;border-width:4px;border-color:#a8585c transparent transparent #a8585c;transform:rotate(34deg)}.artnouveau-output i:nth-child(3){left:48%;top:47%;width:24%;height:28%;border-width:4px;border-color:#b9934f #b9934f transparent transparent;transform:rotate(73deg)}.artnouveau-output b{position:absolute;left:13%;bottom:13%;font-size:1rem;color:#27483a}.artnouveau-sources{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff} /* WEMAXA_REAL_CONTENT_END */