:root{
  --light:#dedede;
  --light-2:#ececec;
  --dark:#383838;
  --dark-2:#242424;
  --text:#2d2d2d;
  --muted:#686868;
  --white:#f7f7f7;
  --accent:#e9183f;
  --line:rgba(45,45,45,.18);
  --line-dark:rgba(255,255,255,.2);
  --shadow:0 30px 80px rgba(0,0,0,.13);
  --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --condensed:'Oswald','Arial Narrow',var(--font);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:linear-gradient(120deg,#dadada,#f2f2f2);
}
body.admin-body{background:#1f1f1f;color:#eee}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1240px,92%);margin:auto}
.logo-text{
  font-family:var(--condensed);font-weight:800;letter-spacing:.45em;
  text-transform:uppercase;font-size:1.25rem;white-space:nowrap
}
.logo-text span{letter-spacing:.22em;font-size:.62em;display:block;margin-top:.15rem;color:var(--muted)}
.navbar{
  position:sticky;top:0;z-index:100;background:rgba(222,222,222,.78);
  backdrop-filter:blur(22px);border-bottom:1px solid var(--line)
}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nav-links{display:flex;align-items:center;gap:32px;font-family:var(--condensed);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
.nav-links a.active,.nav-links a:hover{color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  border:1px solid currentColor;padding:14px 24px;background:transparent;
  font-family:var(--condensed);letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  font-size:.78rem;cursor:pointer;transition:.25s ease;
}
.btn.dark{background:var(--dark-2);color:#fff;border-color:var(--dark-2)}
.btn.dark:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
.btn.light{background:#f7f7f7;color:#222;border-color:#f7f7f7}
.btn.small{padding:10px 14px;font-size:.68rem}
.btn.danger{background:#86192b;color:white;border-color:#86192b}
.mobile-toggle{display:none;background:transparent;border:0;font-size:28px;cursor:pointer}
.hero{position:relative;overflow:hidden;padding:86px 0 76px}
.hero::before{
  content:"verge";position:absolute;left:-4vw;bottom:78px;font-family:var(--font);
  font-weight:900;font-size:20vw;line-height:.7;color:rgba(0,0,0,.055);letter-spacing:-.08em;z-index:0
}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:35px}
.kicker{display:flex;align-items:center;gap:10px;font-family:var(--condensed);letter-spacing:.19em;text-transform:uppercase;color:#555;font-weight:700;font-size:.78rem}
.kicker::before{content:"";width:16px;height:16px;border:4px solid var(--accent);border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 3px transparent}
.hero h1{
  margin:24px 0 18px;font-family:var(--condensed);font-size:clamp(3.5rem,8vw,7.9rem);
  line-height:.98;letter-spacing:.17em;text-transform:uppercase;color:#3a3a3a
}
.hero p{max-width:470px;color:#4c4c4c;line-height:1.8;font-size:1rem}
.hero-art{position:relative}
.hero-art img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.2));transform:translateX(4%)}
.social-rail{position:absolute;right:-18px;top:10%;height:78%;display:flex;flex-direction:column;align-items:center;gap:14px;color:#333;font-size:.75rem}
.social-rail span{writing-mode:vertical-rl;font-family:var(--condensed);letter-spacing:.18em}
.social-rail::after{content:"";width:1px;flex:1;background:rgba(0,0,0,.25)}
.section{padding:76px 0}
.section-title{text-align:center;margin-bottom:38px;font-family:var(--condensed);letter-spacing:.22em;text-transform:uppercase;color:#3e3e3e}
.section-title .dot{display:inline-block;width:10px;height:10px;border:3px solid var(--accent);border-radius:50%;margin-right:12px}
.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.category-card,.product-card,.feature-card{
  border:1px solid var(--line);background:rgba(245,245,245,.44);padding:28px;transition:.25s ease
}
.category-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);background:#eee}
.icon{width:34px;height:34px;margin-bottom:18px;color:var(--accent)}
.category-card h3,.product-card h3,.feature-card h3{
  margin:0 0 14px;font-family:var(--condensed);letter-spacing:.18em;text-transform:uppercase
}
.category-card p{font-size:.86rem;color:#666;line-height:1.7;min-height:68px}
.link-line{font-family:var(--condensed);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:700}
.story{background:rgba(255,255,255,.26)}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:stretch}
.story-copy{padding:36px 0}
.story h2,.experience h2{
  font-family:var(--condensed);font-size:clamp(2rem,4vw,4.2rem);line-height:1.05;letter-spacing:.16em;text-transform:uppercase;margin:18px 0
}
.story p{line-height:1.85;color:#4f4f4f;max-width:540px}
.story-collage{display:grid;grid-template-columns:.7fr 1.3fr;grid-template-rows:240px 140px;gap:14px}
.story-collage img{width:100%;height:100%;object-fit:cover;background:#ddd}
.story-collage img:first-child{grid-row:span 2}
.features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;grid-column:2}
.feature-card{padding:24px;min-height:120px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-card{text-align:center;padding:0 0 24px;overflow:hidden;position:relative}
.product-card img{width:100%;height:250px;object-fit:cover}
.badge{position:absolute;top:16px;left:16px;background:#fff;color:var(--accent);padding:6px 10px;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.product-card h3{margin-top:20px}
.product-card p{font-size:.83rem;line-height:1.55;color:#656565;padding:0 24px;min-height:48px}
.price{font-family:var(--condensed);letter-spacing:.12em;font-weight:700}
.dark-menu{background:linear-gradient(110deg,#2e2e2e,#181818);color:#f2f2f2;padding:58px 0}
.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
.dark-panel{display:grid;grid-template-columns:.8fr 1fr;gap:30px;align-items:center;padding:20px 38px;border-right:1px solid var(--line-dark)}
.dark-panel:last-child{border-right:0}
.dark-panel h3{font-family:var(--condensed);letter-spacing:.18em;text-transform:uppercase;font-size:1.8rem;margin:0 0 22px}
.menu-list{display:grid;gap:12px;margin-bottom:18px}
.menu-list div{display:flex;justify-content:space-between;gap:20px;font-family:var(--condensed);letter-spacing:.11em;text-transform:uppercase}
.dark-panel img{filter:drop-shadow(0 28px 35px rgba(0,0,0,.35))}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.gallery{display:grid;grid-template-columns:1.3fr .8fr;gap:14px}
.gallery img{width:100%;height:180px;object-fit:cover;background:#ddd}
.gallery img:first-child{grid-row:span 2;height:374px}
.quote{font-family:Georgia,serif;font-style:italic;line-height:1.8;color:#555}
.footer{background:#e8e8e8;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr 1.25fr;gap:28px;padding:46px 0}
.footer h4{font-family:var(--condensed);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
.footer p,.footer a{font-size:.9rem;line-height:1.7;color:#555}
.newsletter{display:flex;border:1px solid var(--line);height:46px}
.newsletter input{flex:1;border:0;background:transparent;padding:0 14px;outline:0}
.newsletter button{width:48px;border:0;background:#fff;color:var(--accent);cursor:pointer}
.copyright{background:#262626;color:#ddd;text-align:center;padding:12px;font-family:var(--condensed);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}
.map-wrap{height:320px;border:1px solid var(--line);overflow:hidden;background:#ccc}
.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(1)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}
.modal.show{display:flex}
.modal-card{width:min(860px,96vw);max-height:88vh;overflow:auto;background:#eee;color:#222;padding:28px;border:1px solid var(--line);box-shadow:var(--shadow)}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.close{border:0;background:#252525;color:white;width:40px;height:40px;cursor:pointer}
.menu-table{width:100%;border-collapse:collapse}
.menu-table th,.menu-table td{padding:12px;border-bottom:1px solid rgba(0,0,0,.12);text-align:left}
.menu-table th{font-family:var(--condensed);letter-spacing:.12em;text-transform:uppercase}
.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{background:#111;padding:28px;border-right:1px solid rgba(255,255,255,.1);position:sticky;top:0;height:100vh}
.sidebar .logo-text{color:#fff;margin-bottom:34px}
.admin-menu{display:grid;gap:10px}
.admin-menu button{background:transparent;color:#ddd;border:1px solid rgba(255,255,255,.12);padding:14px;text-align:left;cursor:pointer;font-family:var(--condensed);letter-spacing:.12em;text-transform:uppercase}
.admin-menu button.active,.admin-menu button:hover{background:var(--accent);border-color:var(--accent)}
.admin-main{padding:32px}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.admin-title h1{font-family:var(--condensed);letter-spacing:.15em;text-transform:uppercase;margin:0}
.panel{background:#292929;border:1px solid rgba(255,255,255,.1);padding:24px;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.field{display:grid;gap:8px}
.field label{font-family:var(--condensed);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;color:#bbb}
.field input,.field textarea,.field select{
  background:#181818;color:#fff;border:1px solid rgba(255,255,255,.14);padding:13px;outline:0
}
.field.full{grid-column:1/-1}
.admin-table{width:100%;border-collapse:collapse;color:#eee}
.admin-table th,.admin-table td{border-bottom:1px solid rgba(255,255,255,.1);padding:13px;text-align:left;vertical-align:top}
.admin-table th{font-family:var(--condensed);letter-spacing:.13em;text-transform:uppercase;color:#bbb}
.action-row{display:flex;gap:8px;flex-wrap:wrap}
.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-box{width:min(420px,94vw);background:#292929;border:1px solid rgba(255,255,255,.12);padding:32px}
.login-box h1{font-family:var(--condensed);letter-spacing:.18em;text-transform:uppercase}
@media(max-width:1000px){
  .hero-grid,.story-grid,.experience-grid,.dark-grid{grid-template-columns:1fr}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .products{grid-template-columns:repeat(2,1fr)}
  .dark-panel{border-right:0;border-bottom:1px solid var(--line-dark)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .admin-layout{grid-template-columns:1fr}
  .sidebar{height:auto;position:relative}
}
@media(max-width:720px){
  .nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:#e6e6e6;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}
  .nav-links.show{display:flex}
  .mobile-toggle{display:block}
  .nav-actions .btn{display:none}
  .hero{padding-top:46px}
  .hero h1{font-size:3.6rem}
  .category-grid,.products,.footer-grid,.features-row,.form-grid{grid-template-columns:1fr}
  .story-collage,.gallery,.dark-panel{grid-template-columns:1fr}
  .gallery img:first-child{height:220px}
  .social-rail{display:none}
}


/* 3D connected assets */
.hero-art img{
  border-radius: 0;
}
.product-card img{
  background:#e8e8e8;
}
.story-collage img,
.gallery img{
  border-radius: 0;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}
.dark-panel img{
  border-radius: 12px;
}


.asset-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.asset-card{
  background:rgba(255,255,255,.45);
  border:1px solid var(--line);
  overflow:hidden;
  transition:.25s ease;
}
.asset-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
}
.asset-card img{
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
  background:#efefef;
}
.asset-card-copy{
  padding:18px 20px 22px;
}
.asset-card-copy h3{
  margin:0 0 10px;
  font-family:var(--condensed);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.asset-card-copy p{
  margin:0;
  font-size:.92rem;
  color:#5b5b5b;
  line-height:1.7;
}
@media(max-width:1000px){
  .asset-showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .asset-showcase-grid{grid-template-columns:1fr}
}


/* ===== Mockup 1:1 refinement ===== */
body.mockup-page{
  background:#f0f0f0;
  color:#2d2d2d;
}
.mockup-page .container{width:min(1480px,94%)}
.logo-inline{
  font-family:var(--condensed);
  letter-spacing:.28em;
  text-transform:uppercase;
  font-size:1rem;
  font-weight:700;
}
.mockup-nav{
  background:transparent;
  border-bottom:0;
  position:relative;
}
.mockup-nav .nav-inner{
  height:94px;
}
.mockup-nav .nav-links{
  gap:44px;
  font-size:.74rem;
  letter-spacing:.16em;
}
.mockup-nav .nav-links a{
  position:relative;
  color:#3b3b3b;
}
.mockup-nav .nav-links a.active::after{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-16px;
}
.admin-link{
  font-family:var(--condensed);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.72rem;
}
.mockup-hero{
  padding:24px 0 40px;
}
.mockup-hero::before{
  content:"verge";
  position:absolute;
  left:0;
  bottom:45px;
  font-family:var(--font);
  font-weight:900;
  font-size:15vw;
  line-height:.7;
  color:rgba(0,0,0,.04);
  letter-spacing:-.08em;
  z-index:0;
}
.mockup-hero .hero-grid{
  grid-template-columns:.92fr 1.08fr;
  gap:30px;
  align-items:start;
}
.hero-copy{
  padding-top:56px;
}
.hero-copy .kicker{
  margin-bottom:28px;
}
.hero-copy h1{
  font-size:clamp(4.5rem,7vw,8.1rem);
  line-height:.95;
  letter-spacing:.16em;
  margin:0;
}
.hero-line{
  width:62px;
  height:2px;
  background:rgba(0,0,0,.2);
  margin:34px 0 26px;
}
.hero-copy p{
  max-width:380px;
  font-size:1.02rem;
  line-height:1.8;
  margin-bottom:30px;
}
.hero-btn{
  min-width:190px;
  padding:15px 22px;
  font-size:.72rem;
}
.hero-art{
  min-height:700px;
}
.hero-art img{
  width:100%;
  max-width:950px;
  margin-left:auto;
  filter:none;
  transform:none;
}
.social-rail-mockup{
  right:-10px;
  top:120px;
  height:430px;
  gap:16px;
}
.social-rail-mockup a{
  font-size:.86rem;
}
.social-line{
  width:1px;
  flex:1;
  background:rgba(0,0,0,.18);
}
.social-rail-mockup b{
  color:var(--accent);
  font-size:1rem;
}
.category-section{
  padding-top:8px;
  padding-bottom:56px;
}
.section-title-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:28px;
  font-size:1rem;
}
.section-title-line::after{
  content:"";
  width:84px;
  height:1px;
  background:rgba(0,0,0,.18);
}
.category-grid{
  gap:14px;
}
.category-card{
  background:rgba(255,255,255,.28);
  min-height:286px;
  padding:24px 20px 18px;
  display:flex;
  flex-direction:column;
}
.category-card .icon{
  width:30px;
  height:30px;
  margin-bottom:18px;
}
.category-card h3{
  font-size:1.02rem;
  margin-bottom:12px;
}
.category-card p{
  font-size:.85rem;
  line-height:1.75;
  min-height:80px;
  margin:0 0 14px;
}
.category-card .link-line{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.12);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.72rem;
}
.story-mockup{
  padding:0 0 50px;
}
.story-grid{
  grid-template-columns:.92fr 1.25fr;
  gap:28px;
}
.story-copy{
  background:rgba(255,255,255,.22);
  padding:60px 48px;
}
.story-copy h2{
  font-size:3.25rem;
  margin:16px 0 22px;
}
.story-copy p{
  font-size:1rem;
  line-height:1.9;
  margin-bottom:28px;
}
.story-btn{
  padding:12px 18px;
  font-size:.72rem;
  gap:8px;
}
.mockup-collage{
  grid-template-columns:.72fr 1.28fr .78fr;
  grid-template-rows:250px 112px;
  gap:12px;
}
.mockup-collage > img:first-child{
  grid-column:1;
  grid-row:1 / span 2;
}
.mockup-collage > img:nth-child(2){
  grid-column:2;
  grid-row:1;
}
.story-stamp{
  grid-column:3;
  grid-row:1;
  border:1px solid var(--line);
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}
.story-stamp img{
  width:68%;
  height:auto;
  box-shadow:none;
}
.features-row-mockup{
  grid-column:2 / span 2;
  grid-row:2;
  gap:0;
  border:1px solid rgba(0,0,0,.09);
  background:rgba(255,255,255,.22);
}
.features-row-mockup .feature-card{
  border:0;
  background:transparent;
  min-height:auto;
  padding:20px 22px;
  border-right:1px solid rgba(0,0,0,.1);
}
.features-row-mockup .feature-card:last-child{
  border-right:0;
}
.features-row-mockup .feature-card h3{
  font-size:.92rem;
  margin-bottom:8px;
}
.features-row-mockup .feature-card p{
  margin:0;
  font-size:.84rem;
  line-height:1.65;
}
.signature-section{
  padding-top:34px;
  padding-bottom:10px;
}
.products{
  gap:20px;
}
.product-card{
  background:rgba(255,255,255,.32);
  border:1px solid rgba(0,0,0,.09);
  padding:0 0 20px;
}
.product-card img{
  width:100%;
  height:280px;
  object-fit:contain;
  padding:18px 22px 0;
  background:transparent;
}
.badge{
  top:14px;
  left:14px;
  background:transparent;
  border:1px solid rgba(0,0,0,.08);
  color:var(--accent);
  font-size:.6rem;
  padding:5px 8px;
}
.product-card h3{
  font-size:1rem;
  letter-spacing:.15em;
  margin:12px 0 10px;
}
.product-card p{
  font-size:.8rem;
  line-height:1.55;
  min-height:50px;
}
.price{
  font-size:1rem;
}
.center-cta{
  text-align:center;
  margin-top:14px;
}
.btn-mini{
  padding:10px 18px;
  font-size:.66rem;
}
.menu-band{
  margin-top:16px;
  padding:0;
}
.mockup-dark-grid{
  grid-template-columns:1fr 1fr;
}
.mockup-dark-panel{
  grid-template-columns:.74fr 1.1fr;
  padding:34px 34px;
  min-height:240px;
}
.mockup-dark-panel h3{
  font-size:1.55rem;
  margin-bottom:20px;
  position:relative;
}
.mockup-dark-panel h3::before{
  content:"✕";
  color:var(--accent);
  margin-right:10px;
  font-size:1rem;
  vertical-align:middle;
}
.mockup-dark-panel:last-child h3::before{
  content:"▥";
}
.menu-list{
  gap:10px;
}
.menu-list div{
  font-size:.96rem;
}
.link-button{
  padding:0;
  margin-top:18px;
  border:0;
  color:#fff;
  font-size:.72rem;
  background:transparent;
  justify-content:flex-start;
}
.mockup-dark-panel img{
  width:100%;
  height:190px;
  object-fit:contain;
  border-radius:0;
}
.mockup-experience{
  padding-top:18px;
}
.mockup-experience-grid{
  grid-template-columns:1.02fr .98fr;
  gap:28px;
  align-items:start;
}
.mockup-gallery{
  grid-template-columns:1.22fr .78fr;
  gap:10px;
}
.mockup-gallery img{
  background:transparent;
  box-shadow:none;
  height:170px;
}
.mockup-gallery img:first-child{
  height:350px;
}
.experience-copy{
  padding:14px 10px 0 10px;
}
.experience-copy h2{
  margin:16px 0 18px;
  font-size:3rem;
}
.quote{
  font-size:1.06rem;
  line-height:1.95;
  max-width:530px;
}
.quote-author{
  font-family:var(--condensed);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.85rem;
  font-weight:700;
}
.slider-mock{
  margin-top:34px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
}
.slider-mock button{
  border:0;
  background:transparent;
  font-size:1.4rem;
  cursor:pointer;
  color:#444;
}
.slider-dots{
  display:flex;
  gap:10px;
}
.slider-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#bbb;
  display:block;
}
.slider-dots span.active{
  background:var(--accent);
}
.mockup-footer{
  background:#efefef;
  border-top:0;
  padding-top:10px;
}
.mockup-footer-grid{
  grid-template-columns:1.06fr 1.16fr 1.18fr 1fr 1.25fr;
  gap:24px;
  padding:20px 0 22px;
}
.mockup-footer h4{
  font-size:.96rem;
}
.mockup-footer p,.mockup-footer a,.opening-grid{
  font-size:.88rem;
}
.footer-socials{
  display:flex;
  gap:12px;
  margin-top:12px;
  font-size:.95rem;
}
.opening-grid{
  display:grid;
  grid-template-columns:auto auto;
  gap:8px 18px;
  line-height:1.6;
  color:#555;
}
.accent-note{
  margin-top:12px;
  color:var(--accent) !important;
  font-family:var(--condensed);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem !important;
}
.newsletter{
  background:#f7f7f7;
}
.newsletter input{
  font-size:.86rem;
}
.newsletter button{
  background:transparent;
  border-left:1px solid rgba(0,0,0,.1);
}
.copyright{
  font-size:.68rem;
  padding:10px;
}
@media(max-width:1200px){
  .mockup-page .container{width:min(1240px,94%)}
  .category-grid{grid-template-columns:repeat(4,1fr)}
  .mockup-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1000px){
  .mockup-hero .hero-grid,
  .story-grid,
  .mockup-experience-grid,
  .mockup-dark-grid{
    grid-template-columns:1fr;
  }
  .hero-art{min-height:auto}
  .social-rail-mockup{display:none}
  .mockup-collage{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .story-stamp{grid-column:2;grid-row:1}
  .features-row-mockup{
    grid-column:1 / span 2;
    grid-row:auto;
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:720px){
  .mockup-nav .nav-links{display:none}
  .mockup-nav .nav-links.show{display:flex}
  .mockup-nav .nav-inner{height:76px}
  .logo-inline{font-size:.92rem}
  .hero-copy{padding-top:20px}
  .hero-copy h1{font-size:3rem}
  .mockup-hero::before{font-size:28vw;bottom:30px}
  .category-grid,
  .products,
  .features-row-mockup,
  .mockup-footer-grid{
    grid-template-columns:1fr;
  }
  .story-copy{padding:34px 24px}
  .mockup-collage{grid-template-columns:1fr}
  .story-stamp{grid-column:auto;grid-row:auto}
  .features-row-mockup{grid-column:auto}
  .mockup-dark-panel{
    grid-template-columns:1fr;
    gap:18px;
  }
  .mockup-gallery{
    grid-template-columns:1fr;
  }
  .mockup-gallery img:first-child,
  .mockup-gallery img{
    height:220px;
  }
}


/* ===== Pixel Perfect v4: close to reference mockup ===== */
.pixel-page{
  --page-bg:#eeeeee;
  --ink:#303030;
  --soft:#777;
  background:
    radial-gradient(circle at 73% 7%, rgba(255,255,255,.95), transparent 28%),
    linear-gradient(180deg,#efefef 0%,#e8e8e8 56%,#eeeeee 100%);
  color:var(--ink);
  overflow-x:hidden;
}
.pixel-page .container{
  width:min(1800px,92.7vw);
}
.pixel-page img{
  user-select:none;
}
.pixel-nav{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:20;
  background:transparent!important;
  border:0!important;
  backdrop-filter:none!important;
}
.pixel-nav-inner{
  height:86px!important;
  display:grid!important;
  grid-template-columns:260px 1fr 130px;
  align-items:center;
}
.pixel-logo{
  font-family:var(--condensed);
  font-weight:700;
  letter-spacing:.34em;
  font-size:1.05rem;
  line-height:1;
  color:#262626;
}
.pixel-nav-links{
  justify-content:center;
  gap:54px!important;
  font-size:.69rem!important;
  letter-spacing:.19em!important;
}
.pixel-nav-links a{
  color:#343434;
  position:relative;
}
.pixel-nav-links a.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-17px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  transform:translateX(-50%);
}
.pixel-admin-wrap{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:14px;
}
.pixel-admin{
  opacity:.35;
  font-size:.65rem;
}
.pixel-hero{
  min-height:870px;
  padding:0!important;
  position:relative;
  display:flex;
  align-items:flex-start;
}
.pixel-hero::before{
  content:"verge";
  position:absolute;
  left:-1.5vw;
  top:365px;
  font-family:Inter,system-ui,sans-serif;
  font-size:19.6vw;
  font-weight:900;
  letter-spacing:-.105em;
  line-height:.8;
  color:rgba(0,0,0,.038);
  z-index:0;
}
.pixel-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:42.7% 57.3%;
  min-height:870px;
}
.pixel-hero-copy{
  padding-top:158px;
}
.pixel-kicker{
  gap:12px;
  font-size:.74rem!important;
  letter-spacing:.19em!important;
  color:#4f4f4f!important;
}
.pixel-kicker:before{
  width:17px!important;
  height:17px!important;
  border-width:4px!important;
  border-color:var(--accent)!important;
}
.pixel-hero-copy h1{
  margin:29px 0 0;
  font-family:var(--condensed);
  font-size:clamp(4.2rem,5.63vw,7.25rem);
  font-weight:500;
  line-height:1.02;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#3b3b3b;
}
.pixel-short-line{
  width:62px;
  height:1px;
  background:rgba(0,0,0,.28);
  margin:35px 0 28px;
}
.pixel-hero-copy p{
  margin:0 0 34px;
  width:390px;
  max-width:90%;
  font-size:.94rem;
  line-height:1.85;
  color:#454545;
}
.pixel-hero-btn{
  height:50px;
  min-width:210px;
  padding:0 24px!important;
  font-size:.68rem!important;
  letter-spacing:.18em!important;
}
.pixel-hero-btn span{
  color:var(--accent);
}
.pixel-hero-visual{
  position:relative;
  padding-top:84px;
}
.pixel-hero-visual img{
  width:106%;
  max-width:none;
  margin-left:-2%;
  margin-top:0;
  object-fit:contain;
  filter:none!important;
  transform:none!important;
}
.pixel-social{
  position:absolute;
  right:-6px;
  top:225px;
  height:470px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  font-family:var(--condensed);
  color:#333;
}
.pixel-social span{
  writing-mode:vertical-rl;
  font-size:.72rem;
  letter-spacing:.18em;
}
.pixel-social a{
  font-size:.88rem;
  line-height:1;
}
.pixel-social i{
  width:1px;
  flex:1;
  background:rgba(0,0,0,.18);
  margin-top:18px;
}
.pixel-social b{
  color:var(--accent);
  font-size:1.05rem;
  font-weight:400;
}
.pixel-menu-cards{
  padding:0 0 58px;
  margin-top:-55px;
  position:relative;
  z-index:4;
}
.pixel-section-title{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 28px;
  font-family:var(--condensed);
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:.98rem;
  font-weight:500;
  color:#3e3e3e;
}
.pixel-section-title span{
  width:10px;
  height:10px;
  border:3px solid var(--accent);
  border-radius:50%;
  margin-right:12px;
}
.pixel-section-title i{
  width:78px;
  height:1px;
  background:rgba(0,0,0,.17);
  margin-left:14px;
}
.pixel-category-grid{
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  gap:17px!important;
}
.pixel-category-grid .category-card{
  min-height:264px;
  padding:26px 22px 19px!important;
  background:rgba(255,255,255,.24)!important;
  border:1px solid rgba(0,0,0,.095)!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
}
.pixel-category-grid .category-card:hover{
  transform:translateY(-3px);
}
.pixel-category-grid .icon{
  width:30px!important;
  height:30px!important;
  margin-bottom:18px!important;
}
.pixel-category-grid h3{
  font-size:1.02rem!important;
  letter-spacing:.19em!important;
  margin-bottom:14px!important;
  font-weight:500;
}
.pixel-category-grid h3:after{
  content:"";
  display:block;
  width:70px;
  height:1px;
  background:rgba(0,0,0,.14);
  margin-top:15px;
}
.pixel-category-grid p{
  font-size:.78rem!important;
  line-height:1.73!important;
  color:#4f4f4f!important;
  min-height:70px!important;
  margin-bottom:10px!important;
}
.pixel-category-grid .link-line{
  margin-top:auto;
  border:0!important;
  padding:0!important;
  font-size:.69rem!important;
  letter-spacing:.16em!important;
}
.pixel-story{
  padding:18px 0 58px;
}
.pixel-story-grid{
  display:grid;
  grid-template-columns:38.8% 61.2%;
  min-height:410px;
}
.pixel-story-copy{
  padding:62px 48px 46px 4px;
}
.pixel-story-copy h2{
  margin:15px 0 22px;
  font-family:var(--condensed);
  font-size:clamp(2.4rem,3.25vw,4.05rem);
  font-weight:500;
  line-height:1.06;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.pixel-story-copy p{
  width:520px;
  max-width:94%;
  font-size:.92rem;
  line-height:1.9;
  color:#4f4f4f;
  margin:0 0 28px;
}
.pixel-outline-btn{
  height:44px;
  padding:0 19px!important;
  font-size:.68rem!important;
  letter-spacing:.17em!important;
  gap:10px!important;
}
.pixel-outline-btn span{
  color:var(--accent);
}
.pixel-story-media{
  display:grid;
  grid-template-columns:24.2% 50.3% 25.5%;
  grid-template-rows:245px 124px;
  gap:12px;
}
.pixel-story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pixel-espresso{
  grid-column:1;
  grid-row:1 / span 2;
}
.pixel-counter{
  grid-column:2;
  grid-row:1;
}
.pixel-stamp{
  grid-column:3;
  grid-row:1;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.23);
  display:grid;
  place-items:center;
}
.pixel-stamp img{
  width:72%;
  height:auto;
  object-fit:contain;
  opacity:.78;
}
.pixel-features{
  grid-column:2 / span 2;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:rgba(255,255,255,.22);
  border:1px solid rgba(0,0,0,.075);
}
.pixel-features article{
  padding:22px 24px;
  border-right:1px solid rgba(0,0,0,.095);
}
.pixel-features article:last-child{
  border-right:0;
}
.pixel-features h3{
  margin:0 0 7px;
  font-family:var(--condensed);
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:500;
  font-size:.96rem;
}
.pixel-features h3:before{
  content:"◎";
  color:var(--accent);
  margin-right:10px;
  font-family:Inter,sans-serif;
}
.pixel-features p{
  margin:0;
  color:#5a5a5a;
  font-size:.79rem;
  line-height:1.65;
}
.pixel-signature{
  padding:6px 0 22px;
}
.pixel-products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px!important;
}
.pixel-products .product-card{
  background:rgba(255,255,255,.25)!important;
  border:1px solid rgba(0,0,0,.07)!important;
  padding:0 0 18px!important;
  box-shadow:none!important;
}
.pixel-products .product-card:hover{
  transform:translateY(-3px);
}
.pixel-products .product-card img{
  height:245px!important;
  padding:12px 18px 0!important;
  object-fit:contain!important;
  background:transparent!important;
}
.pixel-products .badge{
  top:12px!important;
  left:15px!important;
  background:transparent!important;
  border:0!important;
  color:var(--accent)!important;
  padding:0!important;
  font-size:.58rem!important;
}
.pixel-products .product-card h3{
  margin:10px 0 7px!important;
  font-size:.94rem!important;
  letter-spacing:.16em!important;
  font-weight:500!important;
}
.pixel-products .product-card p{
  padding:0 34px!important;
  font-size:.75rem!important;
  line-height:1.45!important;
  min-height:46px!important;
}
.pixel-products .price{
  font-size:.88rem!important;
}
.pixel-center{
  text-align:center;
  margin-top:14px;
}
.pixel-mini-btn{
  height:38px;
  padding:0 24px!important;
  font-size:.6rem!important;
  letter-spacing:.18em!important;
}
.pixel-mini-btn span{
  color:var(--accent);
}
.pixel-dark-band{
  background:linear-gradient(100deg,#2d2d2d,#171717);
  color:#f1f1f1;
  margin-top:8px;
}
.pixel-dark-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:245px;
}
.pixel-dark-panel{
  display:grid;
  grid-template-columns:37% 63%;
  align-items:center;
  gap:18px;
  padding:30px 0 28px;
}
.pixel-dark-panel:first-child{
  padding-right:44px;
  border-right:1px solid rgba(255,255,255,.25);
}
.pixel-dark-panel:last-child{
  padding-left:54px;
}
.pixel-dark-copy h3{
  font-family:var(--condensed);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:1.62rem;
  margin:0 0 22px;
}
.pixel-dark-panel:first-child h3:before{
  content:"✕";
  color:var(--accent);
  margin-right:12px;
  font-size:1.05rem;
}
.pixel-dark-panel:last-child h3:before{
  content:"▥";
  color:var(--accent);
  margin-right:12px;
  font-size:1rem;
}
.pixel-menu-list{
  gap:9px!important;
  margin-bottom:19px!important;
}
.pixel-menu-list div{
  display:flex!important;
  justify-content:space-between!important;
  font-family:var(--condensed)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:.9rem!important;
}
.pixel-text-btn{
  border:0;
  background:transparent;
  color:#fff;
  font-family:var(--condensed);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.72rem;
  padding:0;
  cursor:pointer;
}
.pixel-text-btn span{
  color:var(--accent);
  margin-left:8px;
}
.pixel-dark-panel img{
  width:100%;
  height:196px;
  object-fit:contain;
  filter:drop-shadow(0 26px 32px rgba(0,0,0,.36));
}
.pixel-experience{
  padding:20px 0 30px;
}
.pixel-experience-grid{
  display:grid;
  grid-template-columns:43.5% 56.5%;
  gap:28px;
  align-items:start;
}
.pixel-gallery{
  display:grid;
  grid-template-columns:63% 37%;
  grid-template-rows:160px 160px;
  gap:10px;
}
.pixel-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pixel-gallery img:first-child{
  grid-row:1 / span 2;
}
.pixel-testimonial{
  padding:24px 0 0 52px;
}
.pixel-testimonial h2{
  margin:13px 0 18px;
  font-family:var(--condensed);
  font-size:clamp(2.3rem,3vw,3.5rem);
  font-weight:500;
  line-height:1.06;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.pixel-testimonial .quote{
  font-size:.98rem;
  max-width:560px;
  line-height:1.9;
}
.pixel-testimonial .quote-author{
  font-family:var(--condensed);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.82rem;
  font-weight:600;
  margin-top:17px;
}
.pixel-slider{
  margin-top:34px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
}
.pixel-slider button{
  border:0;
  background:transparent;
  font-size:1.35rem;
  color:#333;
  cursor:pointer;
}
.pixel-slider span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#b6b6b6;
  display:block;
}
.pixel-slider .active{
  background:var(--accent);
}
.pixel-footer{
  background:#eeeeee;
  border-top:1px solid rgba(0,0,0,.055);
}
.pixel-footer-grid{
  display:grid;
  grid-template-columns:1.14fr 1.24fr 1.12fr 1.04fr 1.3fr;
  gap:30px;
  padding:30px 0 26px;
}
.pixel-footer h4{
  font-family:var(--condensed);
  letter-spacing:.19em;
  text-transform:uppercase;
  margin:0 0 12px;
  font-weight:500;
  font-size:.94rem;
}
.pixel-footer p,
.pixel-footer a,
.pixel-open{
  color:#555;
  font-size:.84rem;
  line-height:1.75;
}
.pixel-footer a{
  font-family:var(--condensed);
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:600;
}
.pixel-footer a b{
  color:var(--accent);
}
.pixel-social-footer{
  display:flex;
  gap:12px;
  margin-top:14px;
}
.pixel-open{
  display:grid;
  grid-template-columns:auto auto;
  gap:5px 20px;
}
.pixel-red{
  margin-top:10px;
  color:var(--accent)!important;
  font-family:var(--condensed);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.74rem!important;
}
.pixel-newsletter{
  height:43px;
  background:rgba(255,255,255,.42);
}
.pixel-newsletter input{
  font-size:.82rem;
}
.pixel-copy{
  background:#252525;
  color:#ddd;
  text-align:center;
  padding:8px 0;
  font-family:var(--condensed);
  letter-spacing:.18em;
  font-size:.68rem;
  text-transform:uppercase;
}
@media(max-width:1320px){
  .pixel-page .container{width:min(1240px,93vw)}
  .pixel-category-grid{grid-template-columns:repeat(4,1fr)!important}
  .pixel-hero-grid{grid-template-columns:1fr 1fr}
  .pixel-hero-copy h1{font-size:5rem}
}
@media(max-width:1000px){
  .pixel-nav-inner{grid-template-columns:1fr auto}
  .pixel-nav-links{display:none!important}
  .pixel-nav-links.show{display:flex!important}
  .mobile-toggle{display:block!important}
  .pixel-hero{min-height:auto;padding:88px 0 42px!important}
  .pixel-hero-grid,
  .pixel-story-grid,
  .pixel-experience-grid,
  .pixel-dark-grid{grid-template-columns:1fr}
  .pixel-hero-grid{min-height:auto}
  .pixel-hero-copy{padding-top:30px}
  .pixel-hero-visual{padding-top:20px}
  .pixel-menu-cards{margin-top:0}
  .pixel-story-media{grid-template-columns:1fr 1fr;grid-template-rows:240px 150px auto}
  .pixel-stamp{display:none}
  .pixel-features{grid-column:1 / span 2;grid-row:3}
  .pixel-products{grid-template-columns:repeat(2,1fr)!important}
  .pixel-dark-panel:first-child,
  .pixel-dark-panel:last-child{padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .pixel-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .pixel-page .container{width:90vw}
  .pixel-hero-copy h1{font-size:3rem;letter-spacing:.11em}
  .pixel-category-grid,
  .pixel-products,
  .pixel-footer-grid,
  .pixel-features{grid-template-columns:1fr!important}
  .pixel-story-media{grid-template-columns:1fr;grid-template-rows:auto}
  .pixel-counter,.pixel-espresso{grid-column:auto!important;grid-row:auto!important;height:240px!important}
  .pixel-features{grid-column:auto;grid-row:auto}
  .pixel-dark-panel{grid-template-columns:1fr}
  .pixel-gallery{grid-template-columns:1fr;grid-template-rows:auto}
  .pixel-gallery img:first-child{grid-row:auto}
  .pixel-gallery img{height:220px}
  .pixel-testimonial{padding-left:0}
}


/* ===== Mobile responsive refinements ===== */
@media (max-width: 991px){
  body.pixel-page{
    overflow-x:hidden;
  }

  .pixel-nav{
    position:fixed;
    background:rgba(239,239,239,.92)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(0,0,0,.06)!important;
  }

  .pixel-nav-inner{
    grid-template-columns:1fr auto !important;
    height:72px !important;
  }

  .pixel-admin{
    display:none;
  }

  .mobile-toggle{
    display:block !important;
    font-size:24px !important;
    line-height:1;
    padding:6px 8px;
    color:#2f2f2f;
  }

  .pixel-nav-links{
    display:none !important;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    background:rgba(245,245,245,.98);
    border-bottom:1px solid rgba(0,0,0,.08);
    flex-direction:column;
    align-items:flex-start;
    gap:0 !important;
    padding:10px 24px 16px;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
  }

  .pixel-nav-links.show{
    display:flex !important;
  }

  .pixel-nav-links a{
    width:100%;
    padding:14px 0;
    border-bottom:1px solid rgba(0,0,0,.06);
    font-size:.78rem !important;
    letter-spacing:.16em !important;
  }

  .pixel-nav-links a:last-child{
    border-bottom:0;
  }

  .pixel-nav-links a.active:after{
    display:none;
  }

  .pixel-hero{
    min-height:auto;
    padding:104px 0 32px !important;
  }

  .pixel-hero::before{
    top:auto;
    bottom:82px;
    left:-2vw;
    font-size:30vw;
  }

  .pixel-hero-grid{
    grid-template-columns:1fr !important;
    min-height:auto;
    gap:14px;
  }

  .pixel-hero-copy{
    order:1;
    padding-top:12px !important;
  }

  .pixel-hero-copy h1{
    font-size:3.25rem !important;
    letter-spacing:.11em !important;
    line-height:1.02 !important;
  }

  .pixel-hero-copy p{
    width:100% !important;
    max-width:100% !important;
    font-size:.94rem !important;
    margin-bottom:24px !important;
  }

  .pixel-hero-btn{
    width:auto;
    min-width:0;
  }

  .pixel-hero-visual{
    order:2;
    padding-top:8px !important;
  }

  .pixel-hero-visual img{
    width:100% !important;
    margin:0 auto !important;
  }

  .pixel-social{
    display:none !important;
  }

  .pixel-menu-cards{
    margin-top:0 !important;
    padding:14px 0 40px !important;
  }

  .pixel-section-title{
    font-size:.9rem !important;
    margin-bottom:20px !important;
  }

  .pixel-section-title i{
    width:46px !important;
  }

  .pixel-category-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px !important;
  }

  .pixel-category-grid .category-card{
    min-height:230px !important;
    padding:18px 16px 16px !important;
  }

  .pixel-category-grid h3{
    font-size:.92rem !important;
  }

  .pixel-category-grid p{
    min-height:auto !important;
    font-size:.76rem !important;
  }

  .pixel-story{
    padding:8px 0 40px !important;
  }

  .pixel-story-grid{
    grid-template-columns:1fr !important;
    gap:20px;
  }

  .pixel-story-copy{
    padding:12px 0 0 !important;
  }

  .pixel-story-copy h2{
    font-size:2.35rem !important;
    letter-spacing:.12em !important;
  }

  .pixel-story-copy p{
    width:100% !important;
    max-width:100% !important;
    font-size:.9rem !important;
  }

  .pixel-story-media{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:210px 120px auto !important;
    gap:10px !important;
  }

  .pixel-espresso{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
  }

  .pixel-counter{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .pixel-stamp{
    display:none !important;
  }

  .pixel-features{
    grid-column:1 / span 2 !important;
    grid-row:3 !important;
    grid-template-columns:1fr !important;
  }

  .pixel-features article{
    border-right:0 !important;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .pixel-features article:last-child{
    border-bottom:0;
  }

  .pixel-signature{
    padding:0 0 18px !important;
  }

  .pixel-products{
    grid-template-columns:repeat(2,1fr) !important;
    gap:14px !important;
  }

  .pixel-products .product-card img{
    height:200px !important;
    padding:10px 10px 0 !important;
  }

  .pixel-products .product-card h3{
    font-size:.84rem !important;
    padding:0 6px;
  }

  .pixel-products .product-card p{
    padding:0 14px !important;
    min-height:40px !important;
    font-size:.72rem !important;
  }

  .pixel-dark-grid{
    grid-template-columns:1fr !important;
  }

  .pixel-dark-panel{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:24px 0 !important;
  }

  .pixel-dark-panel:first-child,
  .pixel-dark-panel:last-child{
    padding-left:0 !important;
    padding-right:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.18);
  }

  .pixel-dark-panel:last-child{
    border-bottom:0;
  }

  .pixel-dark-panel img{
    height:180px !important;
  }

  .pixel-experience{
    padding:18px 0 24px !important;
  }

  .pixel-experience-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .pixel-gallery{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:180px 180px !important;
  }

  .pixel-gallery img:first-child{
    grid-row:1 / span 2;
  }

  .pixel-testimonial{
    padding:0 !important;
  }

  .pixel-testimonial h2{
    font-size:2.25rem !important;
    letter-spacing:.12em !important;
  }

  .pixel-testimonial .quote{
    font-size:.92rem !important;
    line-height:1.8 !important;
  }

  .pixel-slider{
    justify-content:flex-start !important;
    margin-top:24px !important;
  }

  .pixel-footer-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:18px !important;
    padding:24px 0 22px !important;
  }
}

@media (max-width: 640px){
  .pixel-page .container{
    width:min(92vw, 92vw) !important;
  }

  .pixel-logo{
    font-size:.9rem !important;
    letter-spacing:.26em !important;
  }

  .pixel-hero{
    padding:94px 0 26px !important;
  }

  .pixel-hero::before{
    font-size:34vw;
    bottom:76px;
  }

  .pixel-kicker{
    font-size:.68rem !important;
    letter-spacing:.16em !important;
  }

  .pixel-kicker:before{
    width:14px !important;
    height:14px !important;
    border-width:3px !important;
  }

  .pixel-short-line{
    margin:24px 0 20px !important;
  }

  .pixel-hero-copy h1{
    font-size:2.55rem !important;
  }

  .pixel-hero-copy p{
    font-size:.88rem !important;
  }

  .pixel-hero-btn{
    width:100%;
    justify-content:center;
    height:46px !important;
  }

  .pixel-category-grid{
    grid-template-columns:1fr !important;
  }

  .pixel-category-grid .category-card{
    min-height:auto !important;
  }

  .pixel-story-copy h2{
    font-size:1.95rem !important;
  }

  .pixel-story-media{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }

  .pixel-espresso,
  .pixel-counter{
    grid-column:auto !important;
    grid-row:auto !important;
    height:240px !important;
  }

  .pixel-features{
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .pixel-products{
    grid-template-columns:1fr !important;
  }

  .pixel-products .product-card img{
    height:230px !important;
  }

  .pixel-dark-copy h3{
    font-size:1.25rem !important;
  }

  .pixel-menu-list div{
    font-size:.82rem !important;
  }

  .pixel-gallery{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }

  .pixel-gallery img,
  .pixel-gallery img:first-child{
    height:210px !important;
    grid-row:auto !important;
  }

  .pixel-testimonial h2{
    font-size:1.9rem !important;
  }

  .pixel-footer-grid{
    grid-template-columns:1fr !important;
  }

  .pixel-footer h4{
    margin-bottom:8px !important;
  }

  .pixel-open{
    grid-template-columns:1fr 1fr !important;
  }

  .pixel-newsletter{
    height:42px !important;
  }
}

@media (max-width: 420px){
  .pixel-hero-copy h1{
    font-size:2.18rem !important;
    letter-spacing:.1em !important;
  }

  .pixel-hero-copy p{
    font-size:.84rem !important;
  }

  .pixel-section-title{
    font-size:.82rem !important;
  }

  .pixel-products .product-card h3{
    font-size:.8rem !important;
  }

  .pixel-copy{
    font-size:.58rem !important;
    letter-spacing:.12em !important;
    padding:10px 8px !important;
  }
}

/* Admin panel responsive refinements */
@media (max-width: 991px){
  .admin-layout{
    grid-template-columns:1fr !important;
  }

  .sidebar{
    position:relative !important;
    height:auto !important;
    padding:20px !important;
  }

  .admin-main{
    padding:18px !important;
  }

  .admin-top{
    flex-direction:column;
    align-items:flex-start !important;
  }

  .form-grid{
    grid-template-columns:1fr !important;
  }

  .panel{
    padding:18px !important;
  }

  .admin-table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }

  .login-box{
    padding:24px !important;
  }
}