/* PURE COMPRESSOR · warm egg-yellow hardware. Presentation only; DSP untouched. */
:root{
  --pc-egg-light:#f2d777;
  --pc-egg:#d8ae43;
  --pc-egg-deep:#9b6f18;
  --pc-egg-edge:#5f410d;
  --pc-egg-ink:#211706;
}

.pc-page{perspective:1500px}

.pc-page .pc-shell{
  isolation:isolate!important;
  overflow:hidden!important;
  border:2px solid #533908!important;
  border-top-color:#fff0a6!important;
  border-right-color:#8c6418!important;
  border-bottom:6px solid #3a2706!important;
  border-radius:19px!important;
  background:
    radial-gradient(1050px 220px at 50% -3%,rgba(255,255,255,.47),transparent 62%),
    linear-gradient(102deg,rgba(255,255,255,.12),transparent 24% 72%,rgba(74,43,0,.16)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(104deg,#a8781a 0%,#e2be59 17%,#c5962e 47%,#efd06b 72%,#936515 100%)!important;
  background-blend-mode:screen,soft-light,soft-light,normal!important;
  color:var(--pc-egg-ink)!important;
  box-shadow:
    0 3px 0 #241703,
    0 12px 19px rgba(0,0,0,.49),
    0 38px 58px rgba(0,0,0,.43),
    0 74px 110px rgba(0,0,0,.26),
    inset 0 2px rgba(255,255,255,.72),
    inset 2px 0 rgba(255,244,186,.24),
    inset -2px 0 rgba(85,52,5,.34),
    inset 0 -5px rgba(70,43,3,.44)!important;
}

.pc-page .pc-shell::before{
  inset:6px!important;
  z-index:20!important;
  border:1px solid rgba(255,245,190,.67)!important;
  border-right-color:rgba(74,45,4,.48)!important;
  border-bottom-color:rgba(52,31,2,.68)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.20),inset 0 -1px rgba(62,36,2,.40)!important;
  pointer-events:none!important;
}

.pc-page .pc-screw{
  z-index:22!important;
  width:14px!important;
  height:14px!important;
  border:1px solid #251903!important;
  background:
    linear-gradient(45deg,transparent 43%,#261904 44% 53%,transparent 54%),
    radial-gradient(circle at 35% 27%,#fff1a6 0 5%,#c4942d 13%,#725016 43%,#2f2007 70%,#120c02 100%)!important;
  box-shadow:0 3px 5px rgba(48,28,0,.72),inset 0 1px rgba(255,248,207,.68),0 0 0 1px rgba(255,237,160,.18)!important;
}

.pc-page .pc-head{
  min-height:78px!important;
  padding:5px 10px 17px!important;
  border-bottom:2px solid rgba(74,45,4,.52)!important;
  box-shadow:0 1px rgba(255,246,200,.38)!important;
}
.pc-page .pc-title strong{color:#251a07!important;font-size:20px!important;text-shadow:0 1px rgba(255,244,188,.55)!important}
.pc-page .pc-title small{color:#4c350c!important;text-shadow:0 1px rgba(255,240,167,.42)!important}

.pc-page .pc-logo{
  position:relative!important;
  width:clamp(225px,23vw,285px)!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.pc-page .pc-logo::after{
  content:"CREATE. INN\00D3VATE. DOMINATE.";
  position:absolute;
  z-index:2;
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
  color:#fff6d0;
  font:800 clamp(5.5px,.65vw,7.5px)/1 Arial,sans-serif;
  letter-spacing:.28em;
  white-space:nowrap;
  text-shadow:0 1px 1px #3e2703,0 0 3px rgba(255,255,255,.17);
}
.pc-page .pc-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  clip-path:inset(0 0 36% 0)!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 1px rgba(255,248,203,.40)) drop-shadow(0 3px 2px rgba(65,40,3,.48)) contrast(1.04)!important;
}

.pc-page .pc-btn,.pc-page .pc-ab{
  border:1px solid #3b2805!important;
  border-top-color:#f4d978!important;
  background:linear-gradient(#bd9131 0%,#7f5815 45%,#3d2908 54%,#93691d 100%)!important;
  color:#fff8dc!important;
  text-shadow:0 1px 2px #241704!important;
  box-shadow:0 5px 8px rgba(54,31,0,.45),inset 0 1px rgba(255,244,185,.46),inset 0 -2px rgba(49,28,0,.38)!important;
}

.pc-page .pc-meter-panel{
  border:6px solid #4f390e!important;
  border-top-color:#2b1d05!important;
  border-left-color:#362507!important;
  border-right-color:#b88c35!important;
  border-bottom-color:#e4c46d!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 50% 55%,rgba(184,255,61,.035),transparent 55%),linear-gradient(#020503,#07100a 84%,#040805)!important;
  box-shadow:inset 0 23px 40px rgba(0,0,0,.97),inset 0 -2px rgba(235,206,112,.06),0 2px rgba(255,241,181,.30),0 11px 17px rgba(66,39,0,.49)!important;
}
.pc-page .pc-meter-panel .pc-curve{
  border-color:#172018!important;
  border-radius:7px!important;
  box-shadow:inset 0 10px 20px rgba(0,0,0,.82),0 1px rgba(255,230,143,.05)!important;
}

/* One continuous warm control deck with a restrained acrylic sheen. */
.pc-page .pc-controls{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin:8px 4px 14px!important;
  border:1px solid #67480e!important;
  border-top-color:#f3da82!important;
  border-bottom:3px solid #493006!important;
  border-radius:10px!important;
  background:
    radial-gradient(650px 180px at 50% 0%,rgba(255,250,211,.23),transparent 69%),
    linear-gradient(96deg,rgba(255,255,255,.07),transparent 30% 70%,rgba(92,55,0,.10)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(96deg,#a9791c,#d8ad43 18%,#bf902b 50%,#e0b94f 78%,#9d6d17)!important;
  background-blend-mode:screen,soft-light,soft-light,normal!important;
  box-shadow:inset 0 2px rgba(255,248,204,.28),inset 0 -9px 19px rgba(78,44,0,.22),0 9px 15px rgba(61,35,0,.34)!important;
}
.pc-page .pc-controls::after{
  content:"";
  position:absolute;
  z-index:8;
  left:1%;right:1%;top:1px;height:38%;
  border-radius:9px 9px 44% 44%;
  background:linear-gradient(178deg,rgba(255,250,219,.09),rgba(255,241,178,.018) 58%,transparent);
  pointer-events:none;
}
.pc-page .pc-control{
  z-index:1!important;
  border-left:1px solid rgba(255,239,174,.24)!important;
  border-right:1px solid rgba(79,47,2,.42)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 25% 75%,rgba(86,50,0,.06))!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.05),inset -1px 0 rgba(75,44,0,.17)!important;
}
.pc-page .pc-control:first-child{border-left:0!important}
.pc-page .pc-control:last-child{border-right:0!important}
.pc-page .pc-control__name{color:#241804!important;text-shadow:0 1px rgba(255,242,185,.54)!important}

.pc-page .pc-knob{
  border-color:#080a0b!important;
  background:
    linear-gradient(125deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 32%,transparent 44% 72%,rgba(0,0,0,.28)),
    radial-gradient(circle at 37% 29%,#596064 0 5%,#353b3f 22%,#202529 54%,#111518 79%,#050708 100%)!important;
  box-shadow:0 14px 17px rgba(31,20,2,.66),0 4px 5px rgba(24,15,1,.72),inset 0 2px 2px rgba(255,255,255,.25),inset 0 -5px 8px rgba(0,0,0,.72),0 0 0 3px #090b0d,0 0 0 5px rgba(126,91,21,.70),0 0 0 6px rgba(255,221,111,.20)!important;
}
.pc-page .pc-knob::before{border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -10px 14px rgba(0,0,0,.35)!important}
.pc-page .pc-knob::after{border-color:rgba(41,28,6,.48)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.42),0 1px rgba(255,232,153,.42)!important}
.pc-page .pc-knob i{background:linear-gradient(#efffba,#b8ff3d 58%,#6d931b)!important;box-shadow:0 0 6px rgba(184,255,61,.46),0 1px rgba(25,16,1,.38)!important}

.pc-page .pc-control output{
  border-color:#251a06!important;
  border-bottom-color:#80621f!important;
  background:linear-gradient(#020403,#09100a 58%,#10150e)!important;
  box-shadow:inset 0 4px 8px #000,0 1px rgba(255,239,174,.22),0 4px 6px rgba(70,42,2,.25)!important;
}

.pc-page .pc-file{
  border-color:#342305!important;
  border-top-color:#9c7629!important;
  border-bottom:3px solid #201503!important;
  border-radius:10px!important;
  box-shadow:inset 0 11px 25px rgba(0,0,0,.89),inset 0 -1px rgba(241,210,112,.07),0 2px rgba(255,238,174,.19),0 9px 14px rgba(63,36,0,.37)!important;
}
.pc-page .pc-load__icon{border-color:#819b31!important;background:radial-gradient(circle at 38% 31%,#4a3b18,#161003 68%)!important;box-shadow:inset 0 4px 8px #060401,0 3px 5px rgba(44,25,0,.62)!important}

.pc-page .pc-transport{border-top-color:rgba(255,242,183,.29)!important}
.pc-page .pc-time{color:#2d1f07!important;text-shadow:0 1px rgba(255,242,181,.52)!important}
.pc-page .pc-play{
  border-color:#4a3208!important;
  border-top-color:#f0d273!important;
  background:linear-gradient(#d0a94c,#8f651b 47%,#4c3308 55%,#ad7d28)!important;
  box-shadow:0 6px 9px rgba(61,35,0,.45),inset 0 1px rgba(255,244,190,.54),inset 0 -2px rgba(60,34,0,.34)!important;
}
.pc-page .pc-export{
  border-color:#604d16!important;
  box-shadow:0 7px 10px rgba(59,34,0,.43),inset 0 1px rgba(255,255,255,.82),inset 0 -2px rgba(48,73,16,.28)!important;
}

@media(max-width:900px){
  .pc-page .pc-head{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"title actions" "logo logo"!important;row-gap:8px!important;padding-bottom:12px!important}
  .pc-page .pc-title{grid-area:title!important}
  .pc-page .pc-actions{grid-area:actions!important}
  .pc-page .pc-logo{grid-area:logo!important;position:relative!important;inset:auto!important;display:flex!important;width:clamp(150px,46vw,205px)!important;margin:-3px auto -17px!important}
  .pc-page .pc-logo::after{bottom:5px!important;font-size:5.5px!important}
  .pc-page .pc-control{box-shadow:none!important}
}
@media(max-width:680px){
  .pc-page .pc-shell{border-radius:14px!important;border-bottom-width:5px!important}
  .pc-page .pc-controls{border-radius:8px!important}
}