@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--white:#fff;--off-white:#f8f9fc;--light-gray:#e8eaf0;--mid-gray:#8892a4;--dark-gray:#4a5568;--deep-dark:#18181b;--deep-dark-2:#27272a;--accent:#f97316;--accent-hover:#ea580c;--accent-subtle:#f973160f;--accent-border:#f9731626;--inv-accent:#fff;--inv-accent-hover:#e0e0e0;--inv-subtle:#ffffff12;--inv-border:#ffffff1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--section-padding:clamp(5rem, 10vw, 8rem);--container-max:1180px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--deep-dark);background:var(--white);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--white)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.1}h1{font-size:clamp(3rem,7vw,6rem)}h2{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}p{color:var(--dark-gray);font-size:1.125rem;line-height:1.75}.text-muted{color:var(--mid-gray)}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}section{padding:var(--section-padding) 0;position:relative}.btn{font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .3s var(--ease-out);border:none;border-radius:100px;justify-content:center;align-items:center;gap:.6rem;padding:1rem 2rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-dark{background:var(--deep-dark);color:var(--white)}.btn-dark:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #ea580c40}.btn-outline-dark{color:var(--deep-dark);border:1.5px solid var(--accent-border);background:0 0}.btn-outline-dark:hover{background:var(--accent-subtle);border-color:var(--accent)}.btn-white{background:var(--white);color:var(--deep-dark)}.btn-white:hover{background:var(--inv-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #ffffff26}.btn-outline-white{color:var(--white);border:1.5px solid var(--inv-border);background:0 0}.btn-outline-white:hover{background:var(--inv-subtle);border-color:var(--white)}.navbar{z-index:1000;width:100%;transition:all .4s var(--ease-out);padding:1.25rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--accent-border);background:#ffffffd9;padding:.75rem 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:900}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a:not(.btn){color:var(--dark-gray);font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-links a:not(.btn):hover{color:var(--deep-dark)}.nav-links a:not(.btn):hover:after{width:100%}.card{background:var(--white);border:1px solid var(--light-gray);transition:all .4s var(--ease-out);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 60px #f973161a}.skill-card{transition:all .4s var(--ease-out);position:relative;overflow:hidden}.skill-card-content{transition:all .4s var(--ease-out);z-index:1;align-items:center;gap:.75rem;display:flex;position:relative}.skill-card-hover{color:var(--accent);clip-path:inset(0 100% 0 0);transition:clip-path .5s var(--ease-out);z-index:2;background:#f9731626;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.skill-card-hover-text{letter-spacing:.03em;font-size:.85rem;font-weight:700}.skill-card:hover .skill-card-content{opacity:0;transform:translate(10px)}.skill-card:hover .skill-card-hover{clip-path:inset(0)}.skill-card:hover{border-color:var(--accent)}.tool-card.card{cursor:default;gap:1rem;flex-direction:row!important;align-items:center!important;padding:1.25rem 1.5rem!important;display:flex!important}.tool-logo{width:44px;min-width:44px;max-width:44px;height:44px;transition:transform .3s var(--ease-spring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000001a}.tool-card:hover .tool-logo{transform:scale(1.1)rotate(-3deg)}.tool-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.tool-name{color:var(--deep-dark);font-size:.95rem;font-weight:700;line-height:1.3}.tool-category{color:var(--mid-gray);font-size:.75rem;font-weight:500;line-height:1.3}.collab-creative-fold{text-align:center;opacity:0;max-width:900px;transition:all .8s var(--ease-out);margin:0 auto;transform:translateY(30px)}.collab-creative-fold.visible{opacity:1;transform:translateY(0)}.collab-typography{position:relative}.collab-statement{letter-spacing:-.04em;color:var(--deep-dark);margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.15}.collab-dim{color:var(--mid-gray);opacity:.5;font-weight:400}.collab-paragraph{color:var(--dark-gray);max-width:800px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.8}.collab-highlight{color:var(--deep-dark);z-index:1;padding:0 .3rem;font-weight:700;transition:color .4s;display:inline-block;position:relative}.collab-highlight:after{content:"";background:var(--accent-subtle);z-index:-1;transform-origin:bottom;height:30%;transition:all .4s var(--ease-out);border-radius:2px;position:absolute;bottom:4px;left:0;right:0;transform:scaleY(.4)}.collab-creative-fold:hover .collab-highlight:after{background:var(--accent);height:100%;bottom:0;transform:scaleY(1)}.collab-creative-fold:hover .collab-highlight{color:var(--white)}.card-dark{background:var(--deep-dark-2);border:1px solid var(--inv-border);transition:all .4s var(--ease-out);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.card-dark:hover{border-color:#ffffff4d;transform:translateY(-6px);box-shadow:0 20px 60px #18181b80}.card-dark h3,.card-dark p{color:var(--white)}.card-dark p{opacity:.7}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--mid-gray);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-label .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.section-label-light .dot{background:var(--white)}.section-label-light{color:#ffffff80}.section-dark{color:var(--white);background:linear-gradient(135deg,#18181b 0%,#09090b 50%,#27272a 100%);position:relative}.section-dark:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#f9731614 0%,#0000 60%),radial-gradient(at 80% 20%,#f43f5e0f 0%,#0000 50%);position:absolute;inset:0}.section-dark h2,.section-dark h3{color:var(--white)}.section-dark p{color:#ffffffa6}.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(220px,auto);gap:1.5rem;width:100%;display:grid}.bento-card{background:var(--white);border:1px solid var(--light-gray);transition:all .4s var(--ease-out);color:inherit;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";opacity:0;transition:opacity .4s var(--ease-out);background:radial-gradient(circle at 80% 20%,#f973160d,#0000 60%);position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-arrow{color:var(--mid-gray);transition:transform .3s var(--ease-out), color .3s var(--ease-out)}.bento-card:hover .bento-arrow{color:var(--accent);transform:translate(4px,-4px)}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.creative-timeline{max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.creative-timeline-line{background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.creative-timeline-line:before{content:"";height:var(--progress,0%);background:var(--accent);box-shadow:0 0 15px var(--accent);transition:height .1s linear;position:absolute;top:0;left:0;right:0}.creative-node{justify-content:space-between;align-items:center;width:100%;margin-bottom:6rem;display:flex;position:relative}.creative-node:last-child{margin-bottom:0}.node-dot{background:var(--deep-dark-2);border:4px solid var(--accent);z-index:2;width:18px;height:18px;transition:all .3s var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-content{width:45%;position:relative}.node-left .node-content{text-align:right;padding-right:3rem}.node-right{flex-direction:row-reverse}.node-right .node-content{text-align:left;padding-left:3rem}.node-year{font-family:var(--font-display);opacity:.1;z-index:0;transition:opacity .4s var(--ease-out);font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1;position:absolute;top:-2rem}.node-left .node-year{right:2rem}.node-right .node-year{left:2rem}.horizontal-timeline{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-top:2rem;display:grid;position:relative}.horizontal-timeline-line{z-index:0;background:#ffffff1a;height:2px;position:absolute;top:2.45rem;left:4rem;right:4rem}@media (width<=1024px){.horizontal-timeline{grid-template-columns:repeat(2,1fr);gap:3rem 1.5rem}.horizontal-timeline-line{display:none}}@media (width<=640px){.horizontal-timeline{grid-template-columns:1fr;gap:3rem}}.horizontal-node{flex-direction:column;display:flex;position:relative}.horizontal-node-marker-container{z-index:1;justify-content:flex-start;align-items:center;margin-bottom:2rem;padding-left:2rem;display:flex;position:relative}.horizontal-node-marker{background:var(--deep-dark-2);border:3px solid var(--accent);width:16px;height:16px;transition:transform .3s var(--ease-out);border-radius:50%}.horizontal-node:hover .horizontal-node-marker{transform:scale(1.4)}.horizontal-node-year{font-family:var(--font-display);opacity:.08;transition:opacity .3s var(--ease-out);margin-bottom:-1.5rem;padding-left:1rem;font-size:clamp(3.5rem,5vw,4.5rem);font-weight:900;line-height:1}.horizontal-node:hover .horizontal-node-year{opacity:.15}.horizontal-node-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--ease-out), background .3s var(--ease-out);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-grow:1;padding:1.75rem}.horizontal-node:hover .horizontal-node-card{background:#ffffff0d;transform:translateY(-4px)}.creative-node:hover .node-year{opacity:.25}.node-card{-webkit-backdrop-filter:blur(10px);z-index:1;transition:all .4s var(--ease-out);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:2rem;position:relative}.creative-node:hover .node-card{background:#ffffff12;border-color:#fff3;transform:translateY(-5px)}.node-role{font-family:var(--font-display);color:var(--white);margin-bottom:.75rem;font-size:1.3rem}.node-desc{color:#fff9;margin:0;font-size:.95rem;line-height:1.6}@media (width<=768px){.creative-timeline-line,.node-dot{left:20px}.creative-node,.node-right{flex-direction:column;align-items:flex-start}.node-content{width:100%;text-align:left!important;padding-left:3.5rem!important;padding-right:0!important}.node-left .node-year,.node-right .node-year{left:3rem;right:auto}}.tag{background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--deep-dark);transition:all .25s var(--ease-out);border-radius:100px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex}.tag:hover{background:var(--accent);color:var(--white);border-color:var(--accent);transform:scale(1.05)}.tag-dark{background:var(--inv-subtle);border:1px solid var(--inv-border);color:var(--white)}.tag-dark:hover{background:var(--white);color:var(--deep-dark);border-color:var(--white);transform:scale(1.05)}.portfolio-card{border:1px solid var(--inv-border);transition:all .4s var(--ease-out);cursor:default;background:linear-gradient(145deg,#27272a 0%,#18181b 100%);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.portfolio-card:before{content:"";opacity:0;background:linear-gradient(90deg,#f97316,#f43f5e);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.portfolio-card:hover{border-color:#f9731666;transform:translateY(-8px);box-shadow:0 30px 80px #18181b99}.portfolio-card:hover:before{opacity:1}.portfolio-type{text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:1rem;font-size:.75rem;font-weight:700}.portfolio-card h3{font-family:var(--font-display);color:var(--white);margin-bottom:.75rem;font-size:1.4rem}.portfolio-card p{color:#ffffff8c;margin-bottom:1.5rem;font-size:.95rem}.portfolio-tags{flex-wrap:wrap;gap:.5rem;display:flex}.icon-box{width:52px;height:52px;transition:all .3s var(--ease-out);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.icon-box-light{background:var(--accent-subtle);border:1px solid var(--accent-border)}.icon-box-dark{background:var(--inv-subtle);border:1px solid var(--inv-border)}@media (width<=768px){.nav-links{display:none}section{padding:clamp(3rem,8vw,5rem) 0}.container{padding:0 1.25rem}.grid-4{grid-template-columns:repeat(2,1fr)}}.fade-up{opacity:0;transition:all .7s var(--ease-out);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transition:all .5s var(--ease-out);transform:translateY(20px)}.stagger.visible>:first-child{opacity:1;transition-delay:50ms;transform:translateY(0)}.stagger.visible>:nth-child(2){opacity:1;transition-delay:.1s;transform:translateY(0)}.stagger.visible>:nth-child(3){opacity:1;transition-delay:.15s;transform:translateY(0)}.stagger.visible>:nth-child(4){opacity:1;transition-delay:.2s;transform:translateY(0)}.stagger.visible>:nth-child(5){opacity:1;transition-delay:.25s;transform:translateY(0)}.stagger.visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:translateY(0)}.stagger.visible>:nth-child(7){opacity:1;transition-delay:.35s;transform:translateY(0)}.stagger.visible>:nth-child(8){opacity:1;transition-delay:.4s;transform:translateY(0)}.stagger.visible>:nth-child(9){opacity:1;transition-delay:.45s;transform:translateY(0)}.stagger.visible>:nth-child(10){opacity:1;transition-delay:.5s;transform:translateY(0)}.stagger.visible>:nth-child(11){opacity:1;transition-delay:.55s;transform:translateY(0)}.stagger.visible>:nth-child(12){opacity:1;transition-delay:.6s;transform:translateY(0)}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;width:100%;display:grid}.bento-card{background:var(--white);border:1px solid var(--light-gray);transition:all .4s var(--ease-out);border-radius:24px;flex-direction:column;justify-content:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 20px 40px #f973160d}.bento-card.dark{background:linear-gradient(135deg, var(--deep-dark) 0%, #27272a 100%);color:var(--white);border-color:#ffffff1a}.bento-card.dark:hover{box-shadow:0 20px 40px #0003}.bento-card.accent{background:linear-gradient(135deg, var(--accent) 0%, #f43f5e 100%);color:var(--white);border:none}.bento-card.image-card{border:none;padding:0}@media (width<=992px){.bento-grid{flex-direction:column;display:flex}}.hero-section{background:var(--off-white);position:relative}.hero-gradient-mesh{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;transition:transform .3s ease-out;position:absolute}.hero-orb-1{background:radial-gradient(circle,#f9731640 0%,#f9731600 70%);width:600px;height:600px;animation:8s ease-in-out infinite orbFloat1;top:-15%;right:-5%}.hero-orb-2{background:radial-gradient(circle,#f43f5e33 0%,#f43f5e00 70%);width:500px;height:500px;animation:10s ease-in-out infinite orbFloat2;bottom:-10%;left:-10%}.hero-orb-3{background:radial-gradient(circle,#eab30826 0%,#eab30800 70%);width:350px;height:350px;animation:12s ease-in-out infinite orbFloat3;top:40%;right:25%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,20px)scale(1.05)}66%{transform:translate(20px,-15px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-20px)scale(1.08)}66%{transform:translate(-15px,25px)scale(.97)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,15px)scale(1.1)}}.hero-grid-overlay{z-index:1;pointer-events:none;background-image:radial-gradient(circle,#f9731614 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.hero-noise{z-index:1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{max-width:820px}.hero-content .hero-badge,.hero-content .hero-name,.hero-content .hero-subtitle,.hero-content .hero-ctas,.hero-content .hero-stats{opacity:0;transition:all .8s var(--ease-out);transform:translateY(40px)}.hero-visible .hero-badge{opacity:1;transition-delay:.1s;transform:translateY(0)}.hero-visible .hero-name{opacity:1;transition-delay:.25s;transform:translateY(0)}.hero-visible .hero-subtitle{opacity:1;transition-delay:.4s;transform:translateY(0)}.hero-visible .hero-ctas{opacity:1;transition-delay:.55s;transform:translateY(0)}.hero-visible .hero-stats{opacity:1;transition-delay:.7s;transform:translateY(0)}.hero-badge{letter-spacing:.02em;color:var(--accent);background:#f9731614;border:1px solid #f9731626;border-radius:999px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.hero-badge:after{content:"";background:linear-gradient(90deg,#0000,#f9731633,#0000);width:50%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.hero-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 #22c55e66}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.hero-name{margin-bottom:1.5rem;line-height:1}.hero-name-line{white-space:nowrap;display:block;overflow:hidden}.hero-name-word{display:inline-block}.hero-name-outline{-webkit-text-stroke:2px var(--deep-dark);-webkit-text-fill-color:transparent;transition:all .4s}.hero-name-outline:hover{-webkit-text-fill-color:var(--deep-dark)}.hero-name-dot{color:var(--accent-hover);font-size:1.2em}.hero-subtitle{max-width:100%;color:var(--dark-gray);margin-bottom:2.5rem;font-size:clamp(.9rem,1.25vw,1.05rem);line-height:1.8}.hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:0;display:flex}.btn-glow{animation:3s ease-in-out infinite btnGlow;box-shadow:0 0 #f9731600}@keyframes btnGlow{0%,to{box-shadow:0 4px 20px #f9731626}50%{box-shadow:0 4px 35px #f9731659}}.hero-stats{border-top:1px solid var(--light-gray);flex-wrap:wrap;gap:3.5rem;margin-top:4rem;padding-top:2.5rem;display:flex}.hero-stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--deep-dark) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,3vw,2.75rem);font-weight:900;line-height:1}.hero-stat-label{color:var(--mid-gray);letter-spacing:.02em;margin-top:.4rem;font-size:.8rem;font-weight:500}.scroll-indicator{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.section-dark:after{content:"";background:linear-gradient(90deg,#0000,#f9731666,#0000);height:1px;position:absolute;top:-1px;left:10%;right:10%}.hero-visible .hero-image-placeholder{opacity:1!important;transform:translateY(0)!important}@media (width<=768px){.hero-grid{text-align:center;grid-template-columns:1fr!important;gap:3rem!important}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-subtitle{text-align:center}.hero-ctas,.hero-stats{justify-content:center}.hero-orb-1{width:350px;height:350px}.hero-orb-2{width:300px;height:300px}.hero-orb-3{display:none}.hero-stats{gap:2rem}.hero-grid-overlay{background-size:24px 24px}}