/* Tailwind component layer output — standalone /categories experience. */
.categories-landing{--ink:#10201b;--muted:#6f7d77;--green:#0d7451;--line:rgba(16,32,27,.09);color:var(--ink);background:#f8faf9;overflow:clip}.categories-landing *{box-sizing:border-box}.categories-shell{width:min(100% - 32px,1480px);margin-inline:auto}.categories-hero{position:relative;isolation:isolate;min-height:760px;padding:28px 0 84px;background:radial-gradient(circle at 16% 12%,rgba(89,214,175,.2),transparent 24%),radial-gradient(circle at 88% 80%,rgba(186,156,255,.15),transparent 29%),linear-gradient(145deg,#f9fcfb,#eff7f3 55%,#f8f5ff)}.categories-hero:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.45;background-image:linear-gradient(rgba(13,116,81,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,116,81,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 88%)}.categories-hero__aurora{position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.2}.categories-hero__aurora--one{top:-120px;right:-100px;background:#3ee0a7}.categories-hero__aurora--two{bottom:-80px;left:-80px;background:#b794f6}.categories-breadcrumb{display:flex;align-items:center;gap:10px;color:#81908a;font-size:12px}.categories-breadcrumb a{color:var(--green);text-decoration:none}.categories-breadcrumb i{font-size:8px}.categories-hero__layout{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(38px,7vw,110px);align-items:center;padding-top:62px}.categories-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(13,116,81,.14);border-radius:999px;color:var(--green);background:rgba(255,255,255,.64);box-shadow:0 10px 30px rgba(20,80,60,.05);font-size:12px;font-weight:900;backdrop-filter:blur(15px)}.categories-hero__copy h1{max-width:720px;margin:20px 0 0;font-size:clamp(3.1rem,6.2vw,6.8rem);font-weight:1000;line-height:1.05;letter-spacing:-.065em}.categories-hero__copy h1 em{display:block;color:var(--green);font-style:normal}.categories-hero__copy>p{max-width:600px;margin:24px 0 0;color:#67766f;font-size:clamp(1rem,1.3vw,1.2rem);line-height:2}.categories-primary-action{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:16px 23px;border-radius:17px;color:#fff;background:#11251e;box-shadow:0 16px 35px rgba(12,45,34,.2);font-size:13px;font-weight:900;text-decoration:none;transition:.3s}.categories-primary-action:hover{transform:translateY(-4px);color:#fff;box-shadow:0 22px 45px rgba(12,45,34,.27)}.categories-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px}.categories-stats>div{position:relative;padding:15px;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.58);box-shadow:0 13px 35px rgba(27,62,49,.06);backdrop-filter:blur(18px)}.categories-stats i{position:absolute;top:15px;left:15px;color:#8b9a94;font-size:11px}.categories-stats strong,.categories-stats span{display:block}.categories-stats strong{font-size:20px}.categories-stats strong.categories-stats__date{font-size:14px;line-height:30px}.categories-stats span{margin-top:4px;color:#7c8984;font-size:9px;font-weight:700}.categories-composition{position:relative;height:570px;perspective:1000px}.categories-composition__halo{position:absolute;inset:15%;border-radius:50%;background:linear-gradient(120deg,#90edca,#dcc5ff);filter:blur(65px);opacity:.48}.composition-gradient,.composition-photo{position:absolute;border:1px solid rgba(255,255,255,.8);box-shadow:0 35px 80px rgba(26,54,44,.18)}.composition-gradient{width:58%;height:66%;border-radius:38px}.composition-gradient--back{top:11%;left:3%;transform:rotate(-13deg);background:linear-gradient(145deg,#bdebd5,#66cbae)}.composition-gradient--middle{right:5%;bottom:6%;transform:rotate(11deg);background:linear-gradient(145deg,#ddcaff,#9aa9ee)}.composition-photo{z-index:3;inset:6% 17% 8%;overflow:hidden;border-radius:44px;background:#e9f0ed;transform:rotate(-2deg);transition:.5s}.composition-photo:hover{transform:rotate(0) translateY(-8px)}.composition-photo img{width:100%;height:100%;object-fit:cover}.composition-photo__label{position:absolute;right:18px;bottom:18px;padding:10px 14px;border-radius:13px;color:#fff;background:rgba(10,25,20,.72);font-size:11px;font-weight:900;backdrop-filter:blur(12px)}.composition-float,.composition-mini{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.75);box-shadow:0 18px 45px rgba(23,54,43,.15);backdrop-filter:blur(18px);animation:landing-float 5s ease-in-out infinite}.composition-float{padding:12px 16px;border-radius:999px;font-size:11px;font-weight:900}.composition-float--badge{top:5%;right:0;color:#725619}.composition-float--chip{left:0;bottom:20%;animation-delay:-2.4s}.composition-mini{right:2%;bottom:2%;display:flex;align-items:center;gap:11px;padding:14px;border-radius:19px;font-size:10px;line-height:1.8;animation-delay:-1s}.composition-mini>i{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#fff;background:var(--green)}
.quick-categories{padding:76px 0 38px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading span{color:var(--green);font-size:11px;font-weight:950}.section-heading h2{margin:6px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em}.section-heading p{max-width:350px;margin:0;color:var(--muted);font-size:12px}.quick-categories__chips{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 15px;scrollbar-width:thin}.quick-categories__chips a{display:flex;flex:0 0 auto;align-items:center;gap:9px;padding:13px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff;box-shadow:0 8px 24px rgba(16,32,27,.04);font-size:11px;font-weight:900;text-decoration:none;transition:.25s}.quick-categories__chips a:hover{transform:translateY(-3px);border-color:rgba(13,116,81,.28);color:var(--green);box-shadow:0 15px 30px rgba(13,116,81,.1)}.quick-categories__chips small{padding:4px 7px;border-radius:99px;color:#75827d;background:#f1f5f3}.category-showcase{padding:58px 0 105px;background:#fff}.category-showcase__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.showcase-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 14px 40px rgba(17,43,34,.06);transition:.45s cubic-bezier(.2,.8,.2,1)}.showcase-card:after{position:absolute;z-index:-1;inset:12%;border-radius:30px;content:"";background:var(--glow);filter:blur(35px);opacity:0;transition:.4s}.showcase-card:hover{z-index:2;transform:translateY(-12px);border-color:rgba(255,255,255,.9);box-shadow:0 30px 70px rgba(17,43,34,.14)}.showcase-card:hover:after{opacity:.3}.showcase-card__link{display:block;height:100%;overflow:hidden;border-radius:29px;color:inherit;text-decoration:none}.showcase-card__media{position:relative;height:300px;overflow:hidden;background:var(--placeholder)}.showcase-card__media img{width:100%;height:100%;object-fit:cover;transition:.7s cubic-bezier(.2,.8,.2,1)}.showcase-card:hover img{transform:scale(1.08)}.showcase-card__overlay{position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(8,22,17,.55))}.showcase-card__count{position:absolute;top:14px;right:14px;padding:8px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;background:rgba(9,24,19,.35);font-size:10px;font-weight:900;backdrop-filter:blur(12px)}.showcase-card__icon{position:absolute;left:16px;bottom:15px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:15px;color:#fff;background:rgba(255,255,255,.16);backdrop-filter:blur(13px);transition:.35s}.showcase-card:hover .showcase-card__icon{transform:rotate(-8deg) scale(1.08);background:rgba(255,255,255,.28)}.showcase-card__body{padding:21px}.showcase-card__body h3{margin:0;font-size:19px}.showcase-card__body p{height:48px;margin:10px 0 15px;overflow:hidden;color:var(--muted);font-size:10px;line-height:2.2}.showcase-card__badges{display:flex;flex-wrap:wrap;gap:5px}.showcase-card__badges span{padding:6px 7px;border-radius:8px;color:#63716b;background:#f3f6f4;font-size:8px;font-weight:800}.showcase-card__badges i{margin-left:4px;color:var(--green)}.showcase-card__cta{display:flex;align-items:center;justify-content:space-between;max-height:0;margin-top:0;overflow:hidden;color:var(--green);font-size:11px;font-weight:950;opacity:0;transition:.35s}.showcase-card:hover .showcase-card__cta{max-height:30px;margin-top:15px;opacity:1}.theme-mint{--placeholder:linear-gradient(145deg,#c7f0dc,#75ceb0);--glow:#5dd5a8}.theme-gold{--placeholder:linear-gradient(145deg,#f7e9bd,#ddb868);--glow:#e4bd55}.theme-aqua{--placeholder:linear-gradient(145deg,#c5f3f1,#62cbd0);--glow:#48c9cb}.theme-violet{--placeholder:linear-gradient(145deg,#e5d6fa,#a893de);--glow:#a380dd}.theme-blue{--placeholder:linear-gradient(145deg,#d6e9ff,#7eadea);--glow:#6b9fe1}.theme-rose{--placeholder:linear-gradient(145deg,#f9dbe4,#df8eaa);--glow:#dc7fa0}
.image-shell{position:relative}.image-skeleton{position:absolute;z-index:4;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.65) 45%,transparent 70%),var(--placeholder,#eaf0ed);background-size:220% 100%;animation:skeleton-shine 1.5s infinite}.image-shell.is-loaded>.image-skeleton{pointer-events:none;opacity:0;transition:opacity .35s}.image-shell.is-error img{display:none}.popular-categories{padding:92px 0;background:#f4f7f5}.popular-controls{display:flex;gap:8px}.popular-controls button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;cursor:pointer;transition:.2s}.popular-controls button:hover{transform:translateY(-3px);color:#fff;background:var(--ink)}.popular-track{display:flex;gap:15px;overflow:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.popular-card{flex:0 0 calc(25% - 12px);padding:10px 10px 17px;border:1px solid var(--line);border-radius:24px;color:inherit;background:#fff;box-shadow:0 12px 35px rgba(20,45,36,.05);text-decoration:none;scroll-snap-align:start;transition:.3s}.popular-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(20,45,36,.11)}.popular-card>span{display:block;height:190px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#d7eee3,#b6a7e8)}.popular-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.popular-card:hover img{transform:scale(1.06)}.popular-card strong,.popular-card small{display:block}.popular-card strong{margin:14px 5px 0;font-size:14px}.popular-card small{margin:5px;color:var(--muted);font-size:9px}.popular-progress{height:3px;border-radius:99px;background:#dfe6e2}.popular-progress span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--green);transition:.25s}.categories-seo{padding:70px 0;background:#fff}.categories-seo__card{display:flex;gap:20px;padding:30px;border:1px solid var(--line);border-radius:30px;background:#fbfdfc}.categories-seo__card>i{display:grid;flex:0 0 50px;height:50px;place-items:center;border-radius:17px;color:#fff;background:var(--green)}.categories-seo__card h2{margin:5px 0 15px}.categories-seo__card div div{color:var(--muted);font-size:12px;line-height:2}.categories-final{padding:80px 0 105px;background:#fff}.categories-final__card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;overflow:hidden;padding:45px;border-radius:38px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(93,216,174,.28),transparent 25%),linear-gradient(125deg,#0c2019,#164b3a);box-shadow:0 30px 70px rgba(10,45,33,.22)}.categories-final__card>span{display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.1);font-size:23px}.categories-final small{color:#a9e9cf}.categories-final h2{margin:7px 0;font-size:clamp(1.5rem,3vw,2.5rem)}.categories-final p{margin:0;color:rgba(255,255,255,.62);font-size:11px}.categories-final button{padding:15px 20px;border:0;border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15);font-family:inherit;font-size:11px;font-weight:950;cursor:pointer}.reveal-item{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-item.is-visible{opacity:1;transform:none}@keyframes landing-float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes skeleton-shine{to{background-position:-220% 0}}
@media(max-width:1100px){.categories-hero__layout{grid-template-columns:1fr 1fr}.categories-stats{grid-template-columns:repeat(2,1fr)}.category-showcase__grid{grid-template-columns:repeat(3,1fr)}.popular-card{flex-basis:calc(33.333% - 10px)}}
@media(max-width:820px){.categories-hero__layout{grid-template-columns:1fr;padding-top:45px}.categories-composition{width:min(100%,600px);margin:auto}.category-showcase__grid{grid-template-columns:repeat(3,1fr);gap:12px}.showcase-card__media{height:230px}.showcase-card__body{padding:15px}.showcase-card__badges span:last-child{display:none}.popular-card{flex-basis:calc(50% - 8px)}.categories-final__card{grid-template-columns:auto 1fr}.categories-final button{grid-column:1/-1;width:100%}}
@media(max-width:580px){.categories-shell{width:min(100% - 22px,100%)}.categories-hero{min-height:0;padding-bottom:55px}.categories-hero__copy h1{font-size:3rem}.categories-composition{height:430px}.composition-photo{inset:6% 13% 8%}.categories-stats>div{padding:12px}.category-showcase{padding-top:42px}.category-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.showcase-card{border-radius:22px}.showcase-card__link{border-radius:21px}.showcase-card__media{height:190px}.showcase-card__count{top:9px;right:9px;padding:6px 8px;font-size:8px}.showcase-card__icon{left:10px;bottom:10px;width:36px;height:36px;border-radius:12px}.showcase-card__body h3{font-size:14px}.showcase-card__body p{height:43px;font-size:8px}.showcase-card__badges{flex-wrap:nowrap}.showcase-card__badges span{font-size:7px}.showcase-card__badges span:last-child{display:none}.showcase-card__cta{display:none}.section-heading{align-items:start;flex-direction:column}.section-heading p{display:none}.popular-card{flex-basis:75%}.categories-final__card{display:block;padding:28px}.categories-final__card>span{margin-bottom:18px}.categories-final button{width:100%;margin-top:22px}.categories-seo__card{padding:20px}.categories-seo__card>i{display:none}}
@media(prefers-reduced-motion:reduce){.categories-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}