/* ============================================================
   เด็กไทยสกรีน — DekThai Screen | Design System
   Concept: "Ink on Cotton" — street-print workshop
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');

/* ---------- Tokens ----------
   House design-system (aligned to YD / GloryNail): light · soft · rounded
   · per-tenant brand token · Prompt. Brand = crimson #E8344E. */
:root{
  --ink:#13131A;          /* near-black text */
  --ink-soft:#1f1f29;
  --paper:#FFFFFF;        /* surface */
  --paper-2:#F5F6FB;      /* soft section bg */
  --paper-3:#ECEEF6;

  /* brand token (change here → reskin whole system) */
  --brand:#E8344E;
  --brand-2:#C31E3A;
  --brand-soft:#FAD2D9;
  --brand-pale:#FDEDF0;
  --brand-rgb:232,52,78;
  /* legacy aliases (keep class compatibility) */
  --crimson:var(--brand);
  --crimson-deep:var(--brand-2);
  --crimson-tint:var(--brand-pale);

  --ash:#697089;          /* muted text */
  --ash-2:#9aa0b6;
  --line:rgba(19,19,26,.10);   /* soft hairline */
  --line-2:rgba(19,19,26,.16);
  --line-dark:rgba(255,255,255,.12);

  --ok:#22c55e; --warn:#f59e0b; --danger:#ef4444; --blue:#3b82f6;

  --r-sm:12px; --r-md:16px; --r-lg:22px;
  --shadow:0 1px 2px rgba(19,19,26,.04), 0 12px 30px -16px rgba(19,19,26,.18);
  --shadow-card:0 14px 36px -20px rgba(19,19,26,.22);
  --shadow-soft:0 1px 2px rgba(19,19,26,.04), 0 10px 26px -18px rgba(19,19,26,.20);
  --shadow-pop:0 22px 55px -26px rgba(19,19,26,.40);
  --shadow-brand:0 12px 26px -10px rgba(var(--brand-rgb),.40);
  --maxw:1200px;
  --nav-h:68px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light}
:root{color-scheme:light}
body{
  font-family:'Prompt',system-ui,sans-serif;
  color:var(--ink);
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  background:
    radial-gradient(1100px 760px at 6% 4%, rgba(var(--brand-rgb),.07), transparent 55%),
    radial-gradient(900px 680px at 92% 10%, rgba(59,130,246,.06), transparent 55%),
    linear-gradient(180deg,var(--paper-2),var(--paper));
  background-attachment:fixed;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea,select{font-family:inherit;font-size:1rem}
::selection{background:var(--crimson);color:#fff}

h1,h2,.display{font-family:'Prompt',sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.01em}
h3,h4{font-family:'Prompt',sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.003em}
.mono{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums}

/* ---------- Layout helpers ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.wrap-tight{max-width:920px;margin:0 auto;padding:0 24px}
.section{padding:84px 0}
.section-sm{padding:54px 0}
.ink-bg{background:var(--ink);color:var(--paper)}
.ink-bg h1,.ink-bg h2,.ink-bg h3{color:var(--paper)}
.paper-2-bg{background:var(--paper-2)}
.row{display:flex}
.center{align-items:center}
.between{justify-content:space-between}
.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}
.wrap-flex{flex-wrap:wrap}
.text-c{text-align:center}
.hide{display:none!important}

/* halftone dot texture for ink sections */
.halftone{position:relative}
.halftone::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.06) 1.1px,transparent 1.2px);
  background-size:10px 10px;opacity:.9;
}
.halftone.crimson-dots::before{
  background-image:radial-gradient(rgba(232,52,78,.16) 1.1px,transparent 1.2px);
}

/* registration crosshair mark (print alignment) */
.reg-mark{
  width:18px;height:18px;position:absolute;opacity:.5;
  background:
    linear-gradient(var(--ash),var(--ash)) center/1.4px 100% no-repeat,
    linear-gradient(var(--ash),var(--ash)) center/100% 1.4px no-repeat;
}
.reg-mark::after{content:"";position:absolute;inset:5px;border:1.4px solid var(--ash);border-radius:50%}
.reg-tl{top:10px;left:10px}.reg-tr{top:10px;right:10px}
.reg-bl{bottom:10px;left:10px}.reg-br{bottom:10px;right:10px}

/* ---------- Brand lockup / bolt ---------- */
.bolt{display:inline-block;color:var(--crimson)}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:'Prompt',sans-serif;font-weight:700;font-style:italic;font-size:1.32rem;letter-spacing:-.02em;line-height:1}
.brand .brand-bolt{width:20px;height:26px;flex:none}
.brand small{font-style:normal;font-weight:500;font-size:.6rem;letter-spacing:.18em;color:var(--ash);display:block}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Prompt',sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:13px 24px;border-radius:var(--r-sm);border:2px solid var(--ink);
  background:var(--ink);color:var(--paper);transition:transform .12s var(--ease),background .15s,box-shadow .15s;
  white-space:nowrap;
}
.btn:hover{background:var(--ink-soft);transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-crimson{background:var(--crimson);border-color:var(--crimson);color:#fff}
.btn-crimson:hover{background:var(--crimson-deep);border-color:var(--crimson-deep)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-light:hover{background:var(--paper-3);border-color:var(--paper-3)}
.btn-line{background:#06C755;border-color:#06C755;color:#fff}
.btn-line:hover{background:#05b34c;border-color:#05b34c}
.btn-sm{padding:8px 15px;font-size:.85rem}
.btn-lg{padding:16px 30px;font-size:1.06rem}
.btn-block{width:100%}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none!important}

/* ---------- Eyebrow / tape label ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--crimson);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--crimson)}
.tape{
  display:inline-block;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;
  background:var(--crimson);color:#fff;transform:rotate(-2deg);
}

/* ---------- Navbar (public) ---------- */
.nav{
  position:sticky;top:0;z-index:50;height:var(--nav-h);
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  border-bottom:2px solid var(--ink);
}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{font-family:'Prompt',sans-serif;font-weight:500;font-size:.95rem;color:var(--ink);position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--crimson);transition:width .2s var(--ease)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-burger{display:none;width:44px;height:44px;border:2px solid var(--ink);border-radius:var(--r-sm);flex-direction:column;gap:5px;align-items:center;justify-content:center}
.nav-burger span{width:20px;height:2.4px;background:var(--ink);display:block}

/* mobile menu */
.mnav{position:fixed;inset:var(--nav-h) 0 0;background:var(--ink);color:#fff;z-index:49;transform:translateX(100%);transition:transform .3s var(--ease);padding:32px 24px;overflow:auto}
.mnav.open{transform:translateX(0)}
.mnav a{display:block;font-family:'Prompt',sans-serif;font-weight:600;font-size:1.5rem;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.mnav .btn{margin-top:20px}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden}
.hero-ink{background:var(--ink);color:var(--paper);padding:96px 0 110px}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);color:var(--paper)}
.hero h1 em{font-style:italic;color:var(--crimson)}
.hero-sub{font-size:clamp(1.05rem,2vw,1.3rem);color:#C9C9C9;max-width:560px;margin:22px 0 32px;font-weight:300}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:38px;margin-top:54px;flex-wrap:wrap}
.hero-stat .n{font-family:'Prompt',sans-serif;font-weight:700;font-size:2.2rem;color:var(--paper);line-height:1}
.hero-stat .n b{color:var(--crimson)}
.hero-stat .l{font-size:.85rem;color:var(--ash-2);margin-top:4px}

/* big bolt graphic */
.bolt-bg{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:min(46vw,560px);opacity:.92;pointer-events:none}

/* ---------- Section headers ---------- */
.sec-head{margin-bottom:44px}
.sec-head h2{font-size:clamp(1.9rem,4vw,3rem)}
.sec-head p{color:var(--ash);max-width:560px;margin-top:12px;font-weight:300}
.sec-head.center{display:block;text-align:center}
.sec-head.center p{margin-left:auto;margin-right:auto}

/* ---------- Service cards ---------- */
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.svc-card{
  position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);
  padding:26px 24px;transition:transform .16s var(--ease),box-shadow .16s,background .16s;overflow:hidden;
}
.svc-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--crimson)}
.svc-ico{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--crimson);border-radius:var(--r-sm);margin-bottom:18px}
.svc-ico svg{width:28px;height:28px}
.svc-card h3{font-size:1.3rem;margin-bottom:8px}
.svc-card p{color:var(--ash);font-size:.94rem;font-weight:300}
.svc-card .svc-price{margin-top:16px;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--crimson);font-weight:700}
.svc-card .svc-arrow{position:absolute;top:24px;right:22px;transition:transform .2s var(--ease);color:var(--ash-2)}
.svc-card:hover .svc-arrow{transform:translate(3px,-3px);color:var(--crimson)}

/* ---------- Feature strip ---------- */
.feat{display:flex;gap:16px;align-items:flex-start}
.feat-ico{width:46px;height:46px;flex:none;border:2px solid var(--ink);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--crimson)}
.feat h4{font-size:1.1rem;margin-bottom:4px}
.feat p{font-size:.9rem;color:var(--ash);font-weight:300}

/* ---------- Steps (how it works) ---------- */
.steps{display:grid;gap:0;counter-reset:s}
.step{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:28px 0;border-top:2px solid var(--ink)}
.step:last-child{border-bottom:2px solid var(--ink)}
.step-n{font-family:'Prompt',sans-serif;font-weight:700;font-size:2.6rem;color:var(--crimson);line-height:1;font-style:italic}
.step h3{font-size:1.4rem;margin-bottom:6px}
.step p{color:var(--ash);font-weight:300}

/* ---------- Stats band ---------- */
.statband{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink);border-radius:var(--r-md);overflow:hidden}
.statband > div{padding:30px 24px;border-right:2px solid var(--ink)}
.statband > div:last-child{border-right:none}
.statband .n{font-family:'Prompt',sans-serif;font-weight:700;font-size:2.6rem;line-height:1}
.statband .n b{color:var(--crimson)}
.statband .l{color:var(--ash);font-size:.86rem;margin-top:6px}

/* ---------- Portfolio gallery ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.chip{font-family:'Prompt',sans-serif;font-weight:500;font-size:.88rem;padding:8px 16px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);transition:.15s}
.chip:hover{background:var(--paper-3)}
.chip.active{background:var(--ink);color:#fff}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.shot{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;border:2px solid var(--ink);background:var(--paper-3);display:flex;align-items:center;justify-content:center}
.shot .ph{font-family:'Prompt',sans-serif;font-weight:500;color:var(--ash-2);font-size:1rem;text-align:center;padding:16px}
.shot .meta{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(transparent,rgba(10,10,10,.85));color:#fff;transform:translateY(100%);transition:transform .2s var(--ease)}
.shot:hover .meta{transform:translateY(0)}
.shot .tag{position:absolute;top:10px;left:10px;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700;background:var(--crimson);color:#fff;padding:3px 9px;border-radius:4px;letter-spacing:.05em}

/* ---------- Badges ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:99px;letter-spacing:.02em;text-transform:uppercase}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.badge-ok{background:#E4F6ED;color:#16804D}
.badge-warn{background:#FBF1D6;color:#9A7400}
.badge-danger{background:var(--crimson-tint);color:var(--crimson-deep)}
.badge-info{background:#E5EDFB;color:#2453B8}
.badge-muted{background:var(--paper-3);color:var(--ash)}
.badge-ink{background:var(--ink);color:#fff}
.badge-ink::before{background:var(--crimson)}

/* ---------- Job ticket / code chip ---------- */
.jobno{display:inline-flex;align-items:center;gap:8px;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-weight:700;font-size:.84rem;background:var(--ink);color:#fff;padding:6px 12px;border-radius:6px;letter-spacing:.04em}
.jobno .bolt{color:var(--crimson)}

/* ---------- Cards / panels ---------- */
.card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);padding:24px}
.card-soft{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-md);padding:22px;box-shadow:var(--shadow-card)}
.panel{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.panel-head{padding:16px 20px;border-bottom:1.5px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.panel-head h3{font-size:1.05rem}
.panel-body{padding:20px}

/* ---------- Forms ---------- */
.field{margin-bottom:18px}
.field label{display:block;font-family:'Prompt',sans-serif;font-weight:500;font-size:.9rem;margin-bottom:7px}
.field .hint{font-size:.8rem;color:var(--ash);font-weight:300;margin-top:5px}
.input,.select,.textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);
  background:var(--paper);transition:border .15s,box-shadow .15s;color:var(--ink);
}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--crimson);box-shadow:0 0 0 3px var(--crimson-tint)}
.textarea{min-height:120px;resize:vertical}
.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230A0A0A' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.dropzone{border:2px dashed var(--line);border-radius:var(--r-md);padding:34px;text-align:center;color:var(--ash);transition:.15s;background:var(--paper-2)}
.dropzone:hover{border-color:var(--crimson);color:var(--crimson)}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden;flex-wrap:wrap}
.seg button{padding:10px 16px;font-family:'Prompt',sans-serif;font-weight:500;font-size:.9rem;border-right:1.5px solid var(--line);background:var(--paper);transition:.12s}
.seg button:last-child{border-right:none}
.seg button.on{background:var(--ink);color:#fff}

/* qty stepper */
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.stepper button{width:42px;height:42px;font-size:1.3rem;font-weight:700;background:var(--paper-2)}
.stepper input{width:64px;text-align:center;border:none;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);height:42px}
.stepper input:focus{outline:none}

/* ---------- Tables ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th{text-align:left;font-family:'Prompt',sans-serif;font-weight:500;font-size:.82rem;color:var(--ash);text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:2px solid var(--ink)}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tbody tr{transition:background .12s}
.tbl tbody tr:hover{background:var(--paper-2)}
.tbl .num{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-weight:700}

/* ---------- Production timeline (signature) ---------- */
.timeline{position:relative;padding-left:8px}
.tl-item{position:relative;padding:0 0 30px 42px;border-left:2px solid var(--line)}
.tl-item:last-child{border-left-color:transparent;padding-bottom:0}
.tl-dot{position:absolute;left:-11px;top:0;width:22px;height:22px;border-radius:50%;background:var(--paper);border:2px solid var(--line);display:flex;align-items:center;justify-content:center}
.tl-item.done{border-left-color:var(--crimson)}
.tl-item.done .tl-dot{background:var(--crimson);border-color:var(--crimson);color:#fff}
.tl-item.current{border-left-color:var(--crimson)}
.tl-item.current .tl-dot{background:#fff;border-color:var(--crimson);box-shadow:0 0 0 4px var(--crimson-tint)}
.tl-item.current .tl-dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--crimson);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{transform:scale(.8);opacity:1}50%{transform:scale(1.3);opacity:.55}}
.tl-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tl-h h4{font-size:1.06rem}
.tl-time{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--ash)}
.tl-note{color:var(--ash);font-size:.9rem;font-weight:300;margin-top:4px}
.tl-photos{display:flex;gap:8px;margin-top:10px}
.tl-photos .p{width:54px;height:54px;border-radius:6px;background:var(--paper-3);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--ash-2);font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums}

/* progress bar */
.progress{height:10px;background:var(--paper-3);border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.progress > span{display:block;height:100%;background:linear-gradient(90deg,var(--crimson),var(--crimson-deep));border-radius:99px;transition:width .6s var(--ease)}

/* ---------- Kanban ---------- */
.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px}
.kcol{flex:0 0 270px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;max-height:78vh}
.kcol-head{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--line);position:sticky;top:0;background:var(--paper-2);border-radius:var(--r-md) var(--r-md) 0 0}
.kcol-head h4{font-size:.95rem;display:flex;align-items:center;gap:8px}
.kcol-head .cnt{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700;background:var(--ink);color:#fff;padding:2px 8px;border-radius:99px}
.kcol-body{padding:11px;overflow-y:auto;display:flex;flex-direction:column;gap:11px;flex:1}
.kcard{background:var(--paper);border:1.5px solid var(--line);border-left:4px solid var(--crimson);border-radius:var(--r-sm);padding:13px;cursor:grab;transition:transform .12s,box-shadow .12s}
.kcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}
.kcard.dl-warn{border-left-color:var(--warn)}
.kcard.dl-danger{border-left-color:var(--danger)}
.kcard.dl-ok{border-left-color:var(--ok)}
.kcard .kjob{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-weight:700;font-size:.78rem;color:var(--ink)}
.kcard .kname{font-family:'Prompt',sans-serif;font-weight:600;font-size:.96rem;margin:4px 0}
.kcard .kmeta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:.78rem;color:var(--ash)}
.kcard .kqty{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.kcard.drag{opacity:.4}
.kcol.over{outline:2px dashed var(--crimson);outline-offset:-4px}

/* ---------- Admin shell ---------- */
.admin{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.aside{background:var(--ink);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}
.aside-top{padding:20px 18px;border-bottom:1px solid var(--line-dark)}
.aside .brand{color:#fff;font-size:1.16rem}
.aside-nav{padding:12px 10px;flex:1}
.aside-group{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700;letter-spacing:.16em;color:var(--ash-2);text-transform:uppercase;padding:16px 12px 8px}
.aside-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-sm);font-family:'Prompt',sans-serif;font-weight:500;font-size:.92rem;color:#CfCfCf;transition:.12s;margin-bottom:2px}
.aside-nav a svg{width:18px;height:18px;flex:none;opacity:.85}
.aside-nav a:hover{background:#181818;color:#fff}
.aside-nav a.active{background:var(--crimson);color:#fff}
.aside-nav a .pill{margin-left:auto;font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.66rem;background:var(--crimson);color:#fff;padding:1px 7px;border-radius:99px}
.aside-nav a.active .pill{background:#fff;color:var(--crimson)}
.aside-foot{padding:14px 18px;border-top:1px solid var(--line-dark);font-size:.8rem;color:var(--ash-2)}

.amain{display:flex;flex-direction:column;min-width:0;background:var(--paper-2)}
.atop{height:64px;background:var(--paper);border-bottom:1.5px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}
.atop h1{font-size:1.3rem}
.atop .asearch{flex:1;max-width:360px;margin:0 22px}
.atop .asearch input{width:100%;padding:9px 14px;border:1.5px solid var(--line);border-radius:99px;background:var(--paper-2);font-size:.9rem}
.atop .auser{display:flex;align-items:center;gap:10px}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--crimson);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Prompt',sans-serif;font-weight:700}
.acontent{padding:26px;flex:1}

/* stat cards (admin) */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-md);padding:20px}
.stat .top{display:flex;align-items:center;justify-content:space-between;color:var(--ash)}
.stat .top svg{width:20px;height:20px;color:var(--crimson)}
.stat .v{font-family:'Prompt',sans-serif;font-weight:700;font-size:2.1rem;line-height:1;margin:12px 0 4px}
.stat .d{font-size:.82rem;color:var(--ash)}
.stat .d b{color:var(--ok)}.stat .d b.dn{color:var(--danger)}

/* ---------- Portal shell ---------- */
.portal-top{background:var(--ink);color:#fff;padding:0}
.portal-top .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}
.portal-top .brand{color:#fff;font-size:1.1rem}
.portal-tabs{display:flex;gap:4px;background:var(--paper-2);border-bottom:1.5px solid var(--line);overflow-x:auto}
.portal-tabs .wrap{display:flex;gap:4px}
.portal-tabs a{padding:15px 16px;font-family:'Prompt',sans-serif;font-weight:500;font-size:.92rem;color:var(--ash);border-bottom:3px solid transparent;white-space:nowrap}
.portal-tabs a.active{color:var(--ink);border-bottom-color:var(--crimson)}

/* ---------- Pricing calculator ---------- */
.calc{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.calc-summary{position:sticky;top:88px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;overflow:hidden}
.calc-summary h3{color:#fff}
.calc-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-dark);font-size:.92rem;color:#C9C9C9}
.calc-line span:last-child{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;color:#fff;font-weight:700}
.calc-total{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}
.calc-total .lbl{font-family:'Prompt',sans-serif;font-weight:600}
.calc-total .amt{font-family:'Prompt',sans-serif;font-weight:700;font-size:2.6rem;color:var(--crimson);line-height:1}
.calc-per{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--ash-2);text-align:right;margin-top:4px}

/* ---------- Flex message preview (LINE) ---------- */
.line-phone{width:330px;background:#7494C0;border-radius:26px;padding:46px 14px 24px;position:relative;box-shadow:var(--shadow-card)}
.line-phone::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:80px;height:6px;background:rgba(255,255,255,.5);border-radius:99px}
.flex-msg{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.flex-hero{background:var(--ink);color:#fff;padding:16px;position:relative}
.flex-hero .tag{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.66rem;color:var(--crimson);font-weight:700;letter-spacing:.1em}
.flex-hero h4{color:#fff;font-size:1.1rem;margin-top:4px}
.flex-body{padding:14px 16px}
.flex-row{display:flex;justify-content:space-between;font-size:.82rem;padding:5px 0;color:var(--ash)}
.flex-row b{color:var(--ink);font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums}
.flex-foot{padding:0 16px 16px}
.flex-btn{display:block;text-align:center;background:var(--crimson);color:#fff;font-family:'Prompt',sans-serif;font-weight:700;padding:11px;border-radius:8px;font-size:.92rem}
.chat-bubble{background:#fff;border-radius:14px;padding:10px 14px;font-size:.86rem;max-width:80%;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.chat-bubble.me{background:#06C755;color:#fff;margin-left:auto}

/* ---------- FAQ accordion ---------- */
.acc{border:2px solid var(--ink);border-radius:var(--r-md);overflow:hidden}
.acc-item{border-bottom:1.5px solid var(--line)}
.acc-item:last-child{border-bottom:none}
.acc-q{width:100%;text-align:left;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Prompt',sans-serif;font-weight:600;font-size:1.04rem;background:var(--paper)}
.acc-q:hover{background:var(--paper-2)}
.acc-q .ic{flex:none;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:.2s}
.acc-item.open .acc-q .ic{background:var(--crimson);border-color:var(--crimson);color:#fff;transform:rotate(45deg)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.acc-a p{padding:0 22px 22px;color:var(--ash);font-weight:300}

/* ---------- Footer ---------- */
.footer{background:var(--ink);color:#fff;padding:60px 0 28px}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.footer h5{font-family:'Prompt',sans-serif;font-weight:700;font-size:.96rem;margin-bottom:16px;color:#fff}
.footer a{display:block;color:#B5B5B5;font-size:.9rem;padding:6px 0;font-weight:300}
.footer a:hover{color:var(--crimson)}
.footer .brand{color:#fff;margin-bottom:14px}
.footer p.desc{color:#9A9A9A;font-size:.9rem;font-weight:300;max-width:280px}
.footer-bottom{border-top:1px solid var(--line-dark);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#8A8A8A;font-size:.82rem}

/* ---------- Floating mobile CTA ---------- */
.float-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:0;background:var(--ink);border-top:2px solid var(--crimson)}
.float-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;font-family:'Prompt',sans-serif;font-weight:700;color:#fff;font-size:.96rem}
.float-cta a.line{background:#06C755}
.float-cta a+a{border-left:1px solid var(--line-dark)}

/* ---------- Misc ---------- */
.divider-bolt{display:flex;align-items:center;gap:14px;margin:0 auto;max-width:200px;color:var(--crimson)}
.divider-bolt::before,.divider-bolt::after{content:"";flex:1;height:2px;background:var(--line)}
.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-sm);font-size:.9rem}
.notice-info{background:#E9F0FC;color:#1B47A0}
.notice-warn{background:#FBF1D6;color:#7A5E00}
.notice-ok{background:#E4F6ED;color:#13693E}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.92rem}
.kv dt{color:var(--ash);font-weight:300}
.kv dd{font-weight:500;text-align:right}
.swatch{width:100%;aspect-ratio:1.3;border-radius:var(--r-sm);border:1.5px solid var(--line)}

/* launcher index */
.launch-hero{background:var(--ink);color:#fff;padding:70px 0;text-align:center;position:relative;overflow:hidden}
.launch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.launch-card{display:block;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);padding:18px;transition:.15s}
.launch-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--crimson)}
.launch-card .lc-n{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.7rem;color:var(--crimson);font-weight:700}
.launch-card h4{font-size:1.05rem;margin:6px 0 4px}
.launch-card p{font-size:.82rem;color:var(--ash);font-weight:300}
.launch-sec-title{font-family:'Prompt',sans-serif;font-weight:600;font-size:1.3rem;margin:34px 0 16px;display:flex;align-items:center;gap:12px}
.launch-sec-title::before{content:"";width:24px;height:24px;background:var(--crimson);clip-path:polygon(45% 0,100% 0,55% 42%,100% 42%,20% 100%,42% 52%,0 52%);}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .calc{grid-template-columns:1fr}
  .calc-summary{position:static}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .statband{grid-template-columns:repeat(2,1fr)}
  .statband > div:nth-child(2){border-right:none}
  .statband > div:nth-child(1),.statband > div:nth-child(2){border-bottom:2px solid var(--ink)}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .footer .cols{grid-template-columns:1fr 1fr}
  .admin{grid-template-columns:1fr}
  .aside{position:fixed;left:0;top:0;width:248px;z-index:60;transform:translateX(-100%);transition:transform .25s var(--ease)}
  .aside.open{transform:translateX(0)}
  .bolt-bg{opacity:.18}
}
@media(max-width:760px){
  .nav-links{display:none}
  .nav-burger{display:flex}
  .nav-cta .btn:not(.nav-burger){display:none}
  .grid-2,.grid-3,.grid-4,.gallery{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr}
  .grid-form{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr}
  .float-cta{display:flex}
  .section{padding:56px 0}
  .hero-ink{padding:64px 0 80px}
  .step{grid-template-columns:1fr;gap:8px}
  .portal-top .brand small{display:none}
  body{padding-bottom:60px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===== Portal + Admin supplemental utilities ===== */
.muted{color:var(--ash)}
.phead h1{font-family:'Prompt',sans-serif;font-weight:700;line-height:1.1}
.link-arrow{font-family:'Prompt',sans-serif;font-weight:500;font-size:.88rem;color:var(--crimson)}
.link-arrow:hover{color:var(--crimson-deep)}
.sumrow{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:.94rem}
.sumrow b{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums}
.progress{height:9px;background:var(--paper-3);border-radius:99px;overflow:hidden}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--crimson),var(--crimson-deep));border-radius:99px}
.tl-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.tl-head strong{font-family:'Prompt',sans-serif;font-weight:600}
.tl-time{font-family:'Prompt',sans-serif;font-variant-numeric:tabular-nums;font-size:.74rem;color:var(--ash);white-space:nowrap}
.tl-note{font-size:.86rem;color:var(--ash);margin-top:3px}
.tl-photos{display:flex;gap:8px;margin-top:10px}
.ph-thumb{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:8px;font-size:.7rem;color:var(--ash);cursor:pointer}
.ph-thumb.active{border-color:var(--crimson);color:var(--crimson)}
.seg{display:inline-flex;background:var(--paper-2);border:1.5px solid var(--line);border-radius:99px;padding:4px;gap:2px}
.seg-btn{padding:8px 18px;border-radius:99px;font-family:'Prompt',sans-serif;font-weight:500;font-size:.88rem;color:var(--ash);background:transparent;border:0;cursor:pointer;transition:.12s}
.seg-btn.active{background:var(--ink);color:#fff}
.chat-bubble{max-width:74%;padding:11px 15px;border-radius:14px;font-size:.92rem;line-height:1.5}
.chat-bubble.them{align-self:flex-start;background:#fff;border:1.5px solid var(--line);border-bottom-left-radius:4px}
.chat-bubble.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.chat-bubble.me small{color:#bbb}
.aside-toggle{display:none}
@media(max-width:920px){
  .grid-2{grid-template-columns:1fr!important}
  .admin{grid-template-columns:1fr}
  .aside{position:fixed;left:-260px;width:248px;z-index:60;transition:left .2s}
  .aside.open{left:0}
  .aside-toggle{display:inline-flex}
  .calc{grid-template-columns:1fr}
}

/* button icon sizing fix */
.btn svg{width:18px;height:18px;flex:none}
.btn-lg svg{width:20px;height:20px}
.btn-sm svg{width:15px;height:15px}

/* ============================================================
   Bootstrap Icons integration — font-icon sizing per component
   ============================================================ */
.bi{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:-.08em}
.svc-ico .bi{font-size:26px}
.svc-arrow .bi{font-size:20px}
.feat-ico .bi{font-size:22px}
.btn .bi{font-size:17px}
.btn-lg .bi{font-size:19px}
.btn-sm .bi{font-size:14px}
.aside-nav a .bi{font-size:18px;flex:none;opacity:.9}
.aside-nav a.active .bi{opacity:1}
.stat .top .bi{font-size:20px;color:var(--crimson)}
.portal-tabs a .bi{font-size:15px;margin-right:6px}
.link-arrow .bi{font-size:.95em;vertical-align:-.12em;margin-left:2px}
.tl-dot .bi{font-size:13px}
.divider-bolt .bi{font-size:22px}
.footer a .bi{margin-right:7px;color:var(--crimson);font-size:.95em;vertical-align:-.1em}
.float-cta a .bi{font-size:18px}
.flex-btn .bi,.btn-line .bi{font-size:1em}
.badge .bi,.tape .bi,.eyebrow .bi{font-size:.95em}

/* ============================================================
   Polish pass — depth, rhythm, micro-interactions
   ============================================================ */
:root{
  --shadow-soft:0 1px 2px rgba(10,10,10,.04),0 8px 24px -16px rgba(10,10,10,.28);
  --shadow-pop:0 18px 50px -22px rgba(10,10,10,.45);
}
body{letter-spacing:-.002em}

/* hero: subtle vignette + grain depth */
.hero-ink{background:radial-gradient(120% 130% at 80% 0%,#191919 0%,var(--ink) 55%)}
.hero-stat .n{letter-spacing:-.01em}

/* eyebrow tick a touch sharper */
.eyebrow::before{width:24px;height:2px;border-radius:2px}

/* service cards: softer rest shadow, snappier lift */
.svc-card{box-shadow:var(--shadow-soft)}
.svc-card:hover{box-shadow:8px 8px 0 var(--crimson),var(--shadow-pop)}
.svc-ico{transition:transform .18s var(--ease),background .18s}
.svc-card:hover .svc-ico{transform:translateY(-2px) rotate(-3deg);background:var(--crimson);color:#fff}

/* feature icon: fill on hover of its row */
.feat-ico{transition:.18s}
.feat:hover .feat-ico{background:var(--crimson);border-color:var(--crimson);color:#fff;transform:translateY(-2px)}

/* cards & panels: gentle depth + lift */
.card,.panel,.card-soft{box-shadow:var(--shadow-soft)}
.card{transition:box-shadow .18s,transform .18s}
.stat{transition:box-shadow .18s,transform .18s;box-shadow:var(--shadow-soft)}
.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop);border-color:var(--ink)}

/* buttons: a hair more presence */
.btn{box-shadow:0 1px 0 rgba(10,10,10,.04)}
.btn-crimson{box-shadow:0 8px 20px -12px var(--crimson)}
.btn-crimson:hover{box-shadow:0 12px 26px -12px var(--crimson)}

/* nav: crisper sticky blur */
.nav{box-shadow:0 1px 0 rgba(10,10,10,.02)}

/* inputs: rounder, calmer */
.input,.select,.textarea{border-radius:var(--r-md)}
.input::placeholder,.textarea::placeholder{color:var(--ash-2)}

/* table rows: clearer hover */
.tbl tbody tr:hover{background:var(--crimson-tint)}

/* sidebar active item: bolt accent bar */
.aside-nav a{position:relative}
.aside-nav a.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:#fff;border-radius:0 3px 3px 0}

/* admin avatar pop */
.avatar{box-shadow:0 6px 16px -8px var(--crimson)}

/* chips: lift on hover */
.chip{transition:transform .12s,background .12s,border-color .12s}
.chip:hover{transform:translateY(-1px);border-color:var(--ink)}

/* gallery shots: deeper hover */
.shot{transition:transform .18s var(--ease),box-shadow .18s}
.shot:hover{transform:translatey(-3px);box-shadow:var(--shadow-pop)}

/* launcher cards */
.launch-card{box-shadow:var(--shadow-soft)}

/* nicer focus-visible ring everywhere */
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--crimson-tint);outline-offset:2px}

/* reveal-on-load for primary sections (respects reduced-motion) */
@media(prefers-reduced-motion:no-preference){
  .svc-card,.feat,.stat,.card{animation:rise .5s var(--ease) both}
}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ============================================================
   HOUSE STYLE LAYER — align to YD / GloryNail
   light surfaces · soft 1px borders · soft shadows · big radius
   (overrides the original "Ink on Cotton" brutalist hard edges)
   ============================================================ */

/* surfaces: soft border + soft shadow, no hard black 2px / offset shadows */
.card,.panel,.svc-card,.stat,.acc,.statband,.calc-summary,.launch-card,.card-soft,.shot{
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-soft);
}
.card,.panel,.card-soft{border-radius:var(--r-lg)}
.svc-card,.stat,.acc,.launch-card,.shot{border-radius:var(--r-md)}

/* service cards: soft glow lift (kill the hard 8px crimson offset) */
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-pop)!important}
.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)!important;border-color:var(--line-2)!important}

/* buttons → solid brand + soft glow, pill-ish radius (house btn-brand-yd feel) */
.btn{border-radius:999px;border:1px solid transparent;font-weight:600;background:var(--ink);color:#fff;box-shadow:none}
.btn:hover{background:var(--ink-soft);transform:translateY(-2px)}
.btn-crimson{background:var(--brand);border-color:transparent;color:#fff;box-shadow:var(--shadow-brand)}
.btn-crimson:hover{background:var(--brand-2);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(var(--brand-rgb),.5)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{background:var(--paper-2);color:var(--ink);border-color:var(--ink)}
.btn-light{background:#fff;color:var(--ink);border-color:#fff}
.btn-light:hover{background:var(--paper-2);border-color:var(--paper-2)}

/* inputs: rounded, soft border, brand focus ring */
.input,.select,.textarea,.atop .asearch input,.stepper,.seg{border:1px solid var(--line-2);border-radius:var(--r-sm)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-pale)}

/* badges + chips → soft pill */
.badge{border-radius:999px;font-family:'Prompt',sans-serif;font-weight:600;text-transform:none;letter-spacing:0}
.chip{border:1px solid var(--line-2);border-radius:999px}
.chip:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-pale)}
.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* tables: soft header, gentle hover */
.tbl th{border-bottom:1px solid var(--line-2);text-transform:none;letter-spacing:0;color:var(--ash)}
.tbl td{border-bottom:1px solid var(--line)}
.tbl tbody tr:hover{background:var(--brand-pale)}

/* navbar: light glass, soft border */
.nav{border-bottom:1px solid var(--line);background:rgba(255,255,255,.82)}
.nav-links a::after{height:3px;border-radius:3px;background:var(--brand)}

/* eyebrow / tape / jobno → keep brand but rounder */
.tape{border-radius:8px;transform:none;letter-spacing:.04em}
.jobno{border-radius:999px}
.badge-ink{background:var(--ink)}

/* timeline / progress / kanban → soft */
.kcol{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2)}
.kcard{border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-soft)}
.kcard:hover{box-shadow:var(--shadow-pop)}
.progress{border:none;background:var(--paper-3)}
.acc-q .ic{border-color:var(--line-2)}

/* admin shell: light sidebar (house look) instead of full black */
.aside{background:#fff;color:var(--ink);border-right:1px solid var(--line)}
.aside .brand{color:var(--ink)}
.aside-top{border-bottom:1px solid var(--line)}
.aside-foot{border-top:1px solid var(--line);color:var(--ash)}
.aside-group{color:var(--ash-2)}
.aside-nav a{color:var(--ash);border-radius:12px}
.aside-nav a:hover{background:var(--paper-2);color:var(--ink)}
.aside-nav a.active{background:var(--brand);color:#fff}
.aside-nav a.active::before{display:none}
.amain{background:transparent}
.atop{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}

/* portal tabs → soft */
.portal-tabs{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
.portal-tabs a.active{border-bottom-color:var(--brand);color:var(--brand)}

/* notices → soft rounded */
.notice{border-radius:var(--r-sm)}

/* keep brand hero/footer dark but round + glow */
.hero-ink,.footer,.ink-bg,.portal-top{border-radius:0}
.calc-summary{border-radius:var(--r-lg);box-shadow:var(--shadow-pop)}