*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --gold:#C9A96E;--gold2:#E8D5A3;--rose:#E8C4B8;--noir:#080808;--dark:#111;--card:#181818;--text:#F5F0EB;--muted:#888;
}
html{scroll-behavior:smooth;}
body{background:var(--noir);color:var(--text);font-family:'Jost',sans-serif;overflow-x:hidden;}

body::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%,rgba(0,0,0,.4));pointer-events:none;z-index:-1;}

img{max-width:100%;display:block;}

a{color:inherit;text-decoration:none;}
button{font-family:inherit;}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:999;
  padding:.4rem 2.5rem;min-height:70px;
  display:flex;justify-content:space-between;align-items:center;gap:1.5rem;
  background:linear-gradient(180deg,rgba(8,8,8,.85),rgba(8,8,8,.35));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:.35s ease;
}
nav.scrolled{
  background:rgba(8,8,8,.94);
  border-bottom-color:rgba(201,169,110,.28);
  box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.logo{display:flex;align-items:center;text-decoration:none;line-height:0;flex-shrink:0;}
.logo img{height:64px;width:auto;display:block;object-fit:contain;transition:.3s;}
.nav-links{display:flex;align-items:center;gap:1.75rem;list-style:none;margin:0;padding:0;}
.nav-links a{
  position:relative;color:var(--muted);text-decoration:none;
  font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;transition:.3s;
  padding:.35rem 0;
}
.nav-links a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--gold);transition:.3s ease;
}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-cta{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:.5rem;padding:.55rem 1.25rem;
  border:1px solid rgba(201,169,110,.55);color:var(--gold)!important;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  transition:.3s;white-space:nowrap;
}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--gold);color:#000!important;border-color:var(--gold);}
.hamburger{
  display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  width:42px;height:42px;cursor:pointer;padding:0;margin:0;flex-shrink:0;
  border:1px solid rgba(201,169,110,.35);background:transparent;transition:.3s;
}
.hamburger:hover{border-color:var(--gold);}
.hamburger span{
  width:18px;height:1.5px;background:var(--gold);display:block;
  transition:.3s ease;transform-origin:center;
}
.hamburger.open{border-color:var(--gold);}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.container{max-width:1200px;margin:0 auto;padding:0 2rem;}
.section-header{padding:10rem 0 4rem;display:grid;place-items:center;text-align:center;}
.section-header .sec-eyebrow{margin-bottom:1rem;}
.section-header .sec-title{max-width:700px;}

.page-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:300;line-height:1.05;margin-bottom:1rem;}
.page-sub{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--rose);max-width:760px;}

/* HERO */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:0 2rem;}
.hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1920&q=80') center/cover no-repeat;filter:brightness(.22);}
canvas#particles{position:absolute;inset:0;pointer-events:none;}
.hero-line{position:absolute;top:50%;left:-100%;width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:sweepLine 2s ease forwards .5s;}
@keyframes sweepLine{to{left:0;}}
.hero-content{position:relative;z-index:2;}
.hero-eyebrow{font-size:.75rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s ease forwards 1s;}
.hero-name{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,9vw,8rem);font-weight:300;letter-spacing:.1em;line-height:1;margin-bottom:1rem;opacity:0;animation:fadeUp .8s ease forwards 1.2s;}
.hero-name span{color:var(--gold);}
.hero-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;color:var(--rose);opacity:0;animation:fadeUp .8s ease forwards 1.4s;}
.hero-cta{margin-top:3rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease forwards 1.6s;}
.btn{padding:.85rem 2.5rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:.3s;cursor:pointer;border:none;background:transparent;color:inherit;}
.btn-gold{background:var(--gold);color:#000;}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold);}
.btn:hover{opacity:.8;transform:translateY(-2px);}
.scroll-arrow{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:var(--gold);font-size:1.5rem;animation:bounce 2s infinite;opacity:0;animation:bounce 2s infinite 2s,fadeUp .8s ease forwards 2s;}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* COUNTER */
.counter-strip{background:var(--card);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);padding:2.5rem 2rem;text-align:center;}
.counter-num{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,6vw,4.5rem);color:var(--gold);letter-spacing:.05em;font-weight:300;}
.counter-label{font-size:.7rem;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;margin-top:.5rem;}

/* SECTIONS */
section{padding:7rem 0;}
.sec-eyebrow{font-size:.65rem;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;margin-bottom:1rem;}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.1;margin-bottom:1.5rem;}
.sec-title span{color:var(--gold);font-style:italic;}
.divider{width:60px;height:1px;background:var(--gold);margin:0 auto 4rem;}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1100px;margin:0 auto;}
.about-img{position:relative;}
.about-img img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:brightness(.85);}
.about-img::before{content:'';position:absolute;inset:-12px;border:1px solid var(--gold);z-index:-1;opacity:.4;}
.about-text .sec-title{text-align:left;}
.about-bio{color:var(--muted);line-height:1.9;font-size:.95rem;margin-bottom:2rem;}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.stat{background:var(--card);padding:1.2rem;border-left:2px solid var(--gold);}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);}
.stat-label{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem;}

/* SKILLS + PRODUCTS */
.skills-section{background:var(--dark);}
.skills-section .sec-title,.skills-section .sec-eyebrow,.skills-section .divider{text-align:center;margin-left:auto;margin-right:auto;}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;}
.skill-card{background:var(--card);overflow:hidden;border:1px solid rgba(201,169,110,.1);transition:.4s;cursor:pointer;}
.skill-card:hover{border-color:rgba(201,169,110,.4);transform:translateY(-4px);}
.skill-header{position:relative;height:200px;overflow:hidden;}
.skill-header img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);transition:.5s;}
.skill-card:hover .skill-header img{filter:brightness(.35);transform:scale(1.05);}
.skill-header-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;}
.skill-icon{font-size:2rem;margin-bottom:.5rem;}
.skill-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--text);}
.skill-tag{font-size:.6rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;}
.skill-body{padding:1.5rem;}
.skill-desc{font-size:.85rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem;}
.progress-bar{background:rgba(255,255,255,.08);height:2px;margin-bottom:1.5rem;}
.progress-fill{height:100%;background:var(--gold);width:0;transition:width 1.2s ease;}
.products-label{font-size:.6rem;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;margin-bottom:.8rem;}
.products-list{display:flex;flex-direction:column;gap:.8rem;}
.product-item{background:rgba(255,255,255,.03);border:1px solid rgba(201,169,110,.08);padding:.8rem 1rem;transition:.3s;cursor:pointer;}
.product-item:hover{border-color:rgba(201,169,110,.3);background:rgba(201,169,110,.05);}
.product-item-header{display:flex;justify-content:space-between;align-items:center;}
.product-name{font-size:.85rem;font-weight:500;color:var(--text);}
.product-toggle{color:var(--gold);font-size:.7rem;transition:.3s;}
.product-images{display:none;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.8rem;}
.product-images.open{display:grid;}
.product-images img{width:100%;aspect-ratio:1;object-fit:cover;filter:brightness(.75);transition:.3s;}
.product-images img:hover{filter:brightness(1);transform:scale(1.03);}
.product-desc{font-size:.75rem;color:var(--muted);margin-top:.5rem;line-height:1.6;}
.skill-card-link{display:block;color:inherit;text-decoration:none;}
.skill-card-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}

/* SKILL DETAIL PAGE */
.skill-hero{
  position:relative;min-height:52vh;display:flex;align-items:flex-end;
  padding:8rem 0 3.5rem;overflow:hidden;
}
.skill-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.28);}
.skill-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.2),rgba(8,8,8,.92));}
.skill-hero-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 2rem;width:100%;}
.skill-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;transition:.3s;}
.skill-back:hover{opacity:.75;}
.skill-hero-icon{font-size:2.2rem;margin-bottom:.8rem;}
.skill-hero .page-title{margin-bottom:.6rem;}
.skill-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.2rem;}
.skill-meta-chip{border:1px solid rgba(201,169,110,.35);padding:.4rem 1rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);}
.skill-detail-body{padding:4rem 0 6rem;background:var(--noir);}
.skill-detail-intro{max-width:760px;margin:0 auto 3.5rem;padding:0 2rem;text-align:center;}
.skill-detail-intro p{color:var(--muted);line-height:1.9;font-size:1.05rem;}
.skill-progress-wrap{max-width:480px;margin:2rem auto 0;}
.skill-progress-label{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;}
.skill-progress-label span{color:var(--gold);}
.skill-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 2rem;}
.skill-product-card{background:var(--card);border:1px solid rgba(201,169,110,.12);overflow:hidden;transition:.35s;}
.skill-product-card:hover{border-color:rgba(201,169,110,.4);transform:translateY(-3px);}
.skill-product-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.skill-product-imgs img{width:100%;aspect-ratio:1;object-fit:cover;filter:brightness(.8);}
.skill-product-body{padding:1.25rem 1.4rem 1.5rem;}
.skill-product-body h3{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:300;margin-bottom:.6rem;color:var(--text);}
.skill-product-body p{font-size:.85rem;color:var(--muted);line-height:1.7;}
.skill-detail-cta{text-align:center;margin-top:4rem;padding:0 2rem;}
.skill-nav-row{display:flex;justify-content:space-between;gap:1rem;max-width:1100px;margin:3rem auto 0;padding:0 2rem;flex-wrap:wrap;}
.skill-nav-btn{border:1px solid rgba(201,169,110,.25);padding:.75rem 1.25rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:.3s;}
.skill-nav-btn:hover{border-color:var(--gold);color:var(--gold);}

/* TIMELINE */
.timeline{max-width:900px;margin:0 auto;position:relative;}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(201,169,110,.25);}
.tl-item{display:flex;gap:2rem;margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:.6s;position:relative;}
.tl-item.visible{opacity:1;transform:translateY(0);}
.tl-item:nth-child(even){flex-direction:row-reverse;}
.tl-content{width:50%;padding-right:3rem;}
.tl-item:nth-child(even) .tl-content{padding-right:0;padding-left:3rem;text-align:right;}
.tl-dot{position:absolute;left:50%;transform:translateX(-50%);width:10px;height:10px;background:var(--gold);border-radius:50%;margin-top:.4rem;}
.tl-year{font-size:.65rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;}
.tl-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;margin-bottom:.4rem;}
.tl-text{font-size:.8rem;color:var(--muted);line-height:1.7;}
.tl-spacer{width:50%;}

/* MY BUSINESS */
.business-section{background:var(--dark);}
.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;}
.business-img{position:relative;}
.business-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;filter:brightness(.95);}
.business-img::after{content:'';position:absolute;inset:-10px;border:1px solid rgba(201,169,110,.35);z-index:-1;}
.business-card{background:var(--card);border:1px solid rgba(201,169,110,.2);padding:3rem;}
.business-owner-badge{display:inline-block;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,169,110,.4);padding:.45rem 1.1rem;margin-bottom:1.5rem;}
.business-name{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.15;margin-bottom:1rem;}
.business-name em{display:block;font-family:'Playfair Display',serif;font-style:italic;font-size:.55em;color:var(--rose);margin-top:.35rem;letter-spacing:.05em;}
.business-desc{color:var(--muted);line-height:1.9;font-size:.95rem;margin-bottom:2rem;}
.business-categories{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;}
.business-cat{background:rgba(201,169,110,.08);border:1px solid rgba(201,169,110,.15);padding:.55rem 1.1rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);}
.business-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;}
.business-highlight{text-align:center;padding:1rem .5rem;border-top:1px solid rgba(201,169,110,.2);}
.business-highlight-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--gold);}
.business-highlight-label{font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem;}

/* BRANDS */
.brands-strip{background:var(--card);padding:3rem 0;overflow:hidden;border-top:1px solid rgba(201,169,110,.1);border-bottom:1px solid rgba(201,169,110,.1);}
.brands-marquee{display:flex;gap:4rem;animation:marquee 20s linear infinite;white-space:nowrap;}
.brands-marquee:hover{animation-play-state:paused;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.brand-item{font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:.25em;color:var(--muted);text-transform:uppercase;flex-shrink:0;}
.brand-item span{color:var(--gold);}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1000px;margin:0 auto;}
.contact-info h3{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;margin-bottom:2rem;}
.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--muted);font-size:.9rem;}
.contact-icon{width:40px;height:40px;border:1px solid rgba(201,169,110,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1rem;}
.contact-form input,.contact-form textarea{width:100%;background:var(--card);border:1px solid rgba(201,169,110,.15);padding:.9rem 1rem;color:var(--text);font-family:'Jost',sans-serif;font-size:.85rem;margin-bottom:1rem;outline:none;transition:.3s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);}
.contact-form textarea{height:120px;resize:vertical;}

/* GALLERY SECTION */
.gallery-section{background:var(--dark);}
.gallery-section .sec-title,.gallery-section .sec-eyebrow{text-align:center;}
.gallery-filters{display:flex;gap:.5rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap;}
.filter-btn{background:transparent;border:1px solid rgba(201,169,110,.2);color:var(--muted);padding:.5rem 1.2rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.3s;font-family:'Jost',sans-serif;}
.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:var(--gold);}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;max-width:1100px;margin:0 auto;}
.gallery-item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:3/4;}
.gallery-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:.5s;}
.gallery-item:hover img{filter:brightness(.4);transform:scale(1.06);}
.gallery-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;opacity:0;transition:.4s;background:linear-gradient(transparent 45%,rgba(0,0,0,.75));}
.gallery-item:hover .gallery-overlay{opacity:1;}
.gallery-overlay span{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--gold);}
.gallery-overlay small{font-size:.65rem;color:var(--rose);letter-spacing:.15em;text-transform:uppercase;}
a.gallery-item{display:block;color:inherit;text-decoration:none;}
.collection-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;max-width:1100px;margin:0 auto;padding:0 2rem;}
.collection-shot{overflow:hidden;aspect-ratio:3/4;background:var(--card);}
.collection-shot img{width:100%;height:100%;object-fit:cover;filter:brightness(.88);transition:.45s;}
.collection-shot:hover img{filter:brightness(1);transform:scale(1.04);}

/* FOOTER */
footer{background:var(--card);padding:3rem 2rem;text-align:center;border-top:1px solid rgba(201,169,110,.15);}
footer .logo{display:inline-flex;justify-content:center;margin-bottom:1.5rem;}
footer .logo img{height:120px;}
.footer-links{display:flex;gap:2rem;justify-content:center;list-style:none;margin-bottom:1.5rem;flex-wrap:wrap;}
.footer-links a{color:var(--muted);text-decoration:none;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;transition:.3s;}
.footer-links a:hover{color:var(--gold);}
.footer-copy{font-size:.7rem;color:var(--muted);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:.8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* MOBILE */
@media(max-width:900px){
  nav{padding:.35rem 1.25rem;min-height:64px;}
  .logo img{height:54px;}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:rgba(8,8,8,.98);flex-direction:column;align-items:stretch;gap:0;
    border-top:1px solid rgba(201,169,110,.2);
    padding:1.25rem 1.5rem 1.75rem;z-index:1000;
    box-shadow:0 20px 50px rgba(0,0,0,.45);
  }
  .nav-links.show{display:flex !important;}
  .nav-links li{margin:0;border-bottom:1px solid rgba(201,169,110,.08);}
  .nav-links li:last-child{border-bottom:none;}
  .nav-links a{
    display:block;padding:1rem 0;font-size:.8rem;letter-spacing:.2em;
  }
  .nav-links a::after{display:none;}
  .nav-cta{
    margin:1rem 0 0;width:100%;justify-content:center;padding:.9rem 1.25rem;
    background:rgba(201,169,110,.08);
  }
  .hamburger{display:flex;position:relative;right:auto;top:auto;transform:none;z-index:1001;}
  .gallery-overlay{opacity:1;}
  .gallery-item img{filter:brightness(.55);}
  .about-grid,.contact-grid,.business-grid{grid-template-columns:1fr;gap:3rem;}
  .business-highlights{grid-template-columns:1fr;}
  .business-card{padding:2rem;}
  .timeline::before{left:20px;}
  .tl-item,.tl-item:nth-child(even){flex-direction:column;padding-left:2.5rem;}
  .tl-content,.tl-item:nth-child(even) .tl-content{width:100%;padding:0;text-align:left;}
  .tl-dot{left:20px;}
  .tl-spacer{display:none;}
  section{padding:4rem 1.5rem;}
  .skills-grid{grid-template-columns:1fr;}
}
