@font-face{font-family:"Geist";src:url("/fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Prata";src:url("/fonts/Prata-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("/fonts/roboto-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Roboto";src:url("/fonts/roboto-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Roboto";src:url("/fonts/roboto-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Fragment Mono";src:url("/fonts/fragment-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
:root{
  --paper:#FFFFFF;--surface:#F6F6F3;--surface-2:#ECECE7;--line:#E3E3DE;--line-strong:#C9C9C2;
  --ink:#0B0B0C;--text:#3C404C;--muted:#6E717A;--primary:#161617;--on-primary:#FAFAF7;
  --citron:#E5F788;--citron-soft:#F2FAC9;--on-citron:#0B0B0C;--navy:#20334F;--on-navy:#F4F4F1;
  --ax-mark:#20334F;
  --booklet:#E9E7E6;--phone-bg:#E4E4E4;--sheet:#FFFFFF;--sheet-ink:#0B0B0C;--sheet-muted:#6E717A;
  --review:#7A6810;--review-soft:#F5EFCF;--danger:#A2311F;--danger-soft:#F8E3DE;--shadow:0 24px 48px -18px rgba(11,11,12,.28);
  --hub-bg:#FAF9F7;--hub-panel:#F0F1E9;--hub-ink:#26384C;--hub-text:#3D414D;--hub-btn:#213E60;--hub-line:#BFC5CF;--hub-media:#F0F1E9;--hub-citron:#E4F688;
  --holo-ink:#2B2D33;
  --font-display:"Prata",Georgia,"Times New Roman",serif;
  --font-ui:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-hub:"Roboto","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Fragment Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r-md:10px;color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not(.light){--paper:#0D0E10;--surface:#15161A;--surface-2:#1E1F24;--line:#2A2B31;--line-strong:#3E4047;--ink:#F4F4F1;--text:#C8CAD1;--muted:#8E919A;--primary:#F4F4F1;--on-primary:#0D0E10;--citron-soft:#2A2F14;--navy:#1D3150;--ax-mark:#D0E0F1;--review:#D9C04A;--review-soft:#2D2A14;--danger:#F2A493;--danger-soft:#3A1D17;--shadow:0 24px 48px -18px rgba(0,0,0,.7);color-scheme:dark}
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{margin:0;color:var(--ink);text-wrap:balance}
p,figure{margin:0}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.mono{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ico{width:16px;height:16px;flex:none;display:inline-block;vertical-align:-3px}
.logo{display:block;color:var(--ink)}
.logo img,.ap-logo img,.lg img,.adm-logo img{display:block;width:100%;height:auto}

/* Login */
.gate{min-height:100dvh;display:grid;place-items:center;padding:40px 16px;background:var(--surface)}
.gate-inner{display:grid;gap:18px;justify-items:center;width:min(480px,100%);animation:rise .6s cubic-bezier(.2,.7,.2,1) both}
.holo{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:12px;background:#0E1626 url("/brand/login-loop-poster.jpg") center/cover no-repeat;box-shadow:var(--shadow);padding:44px 32px 34px;display:grid;gap:14px;justify-items:center;color:#fff}
.holo-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none}
.holo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,30,.28) 0%,rgba(10,16,30,.5) 100%);pointer-events:none}
.holo-logo{width:132px;margin-bottom:8px}
.holo-area{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.88);color:var(--holo-ink);border-radius:4px;padding:2px 8px}
.holo form{display:grid;gap:12px;width:100%}
.holo input{width:100%;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0 16px;color:#fff;font-size:15px}
.holo input::placeholder{color:rgba(255,255,255,.72)}
.holo input:focus{outline:2px solid #fff;outline-offset:1px}
.holo input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 100px #1A2638 inset}
.holo button{height:48px;border-radius:999px;border:0;background:#fff;color:var(--navy);font-weight:600;cursor:pointer;transition:background .15s}
.holo button:hover{background:var(--citron);color:var(--on-citron)}
.holo button:focus-visible{outline-color:#fff}
.holo .err{font-size:13px;color:var(--holo-ink);background:rgba(255,255,255,.9);border-radius:6px;padding:6px 10px}
@media (prefers-reduced-motion:reduce){.holo-video{display:none}}

/* Header */
.top{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;padding-block:12px}
.top .logo{width:104px;flex:none}
.top .divider{width:1px;height:28px;background:var(--line)}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);min-width:0}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs b{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logout{margin-left:auto}
.iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--text)}
.iconbtn:hover{border-color:var(--line-strong);color:var(--ink)}
.rqbtn{margin-left:auto;flex:none}
.rqbtn+.logout{margin-left:0}

/* Home */
.home{padding-block:56px 64px;display:grid;gap:28px}
.home-head{display:grid;gap:12px}
.home h1{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.08}
.lede{font-size:16px;max-width:52ch}
.colls{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.coll{display:grid;gap:14px;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-md);padding:22px;background:var(--paper);transition:border-color .15s,transform .2s;color:var(--text)}
a.coll:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.coll h2{font-family:var(--font-display);font-weight:400;font-size:26px}
.mini{display:flex;gap:3px;height:34px}
.mini i{flex:1;background:var(--surface-2)}
.m1{clip-path:polygon(0 0,100% 8%,100% 92%,0 100%)}.m2{clip-path:polygon(0 8%,100% 16%,100% 84%,0 92%)}.m3{clip-path:polygon(0 16%,100% 24%,100% 76%,0 84%)}.m4{clip-path:polygon(0 24%,100% 32%,100% 68%,0 76%)}
a.coll:hover .mini i{background:var(--citron)}
.coll .foot{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--muted)}
.coll.soon{border-style:dashed;background:transparent;align-content:center;justify-items:start;color:var(--muted);min-height:180px}

/* Overview */
.intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:48px 32px}
.intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.01em}
.search{position:relative}
.search>.ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}
.search input[type=search]{width:100%;height:52px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);padding:0 18px 0 44px;font-size:15.5px}
.search input:focus{outline:none;border-color:var(--ink)}
/* Two axes: propositions run down the left (Y), deal stages across the top (X). The funnel is the only filled control; the proposition
   axis is plain type behind one hairline, and the selected proposition is marked by a short navy stroke sitting on that line. */
.matrix{display:grid;grid-template-columns:212px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:32px}
.matrix::before{content:"";grid-column:1/-1;grid-row:2;align-self:start;border-top:1px solid var(--line)}
.matrix::after{content:"";grid-column:1;grid-row:1/3;justify-self:end;margin-top:4px;border-right:1px solid var(--line)}
.matrix>.yaxis{grid-column:1;grid-row:1/3}
.matrix>.journey{grid-column:2;grid-row:1}
.matrix>.library{grid-column:2;grid-row:2;border-top:0}
.yaxis{display:flex;flex-direction:column}
.yaxis-head{height:84px;margin:4px 0 36px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.yaxis-list{position:sticky;top:84px;display:flex;flex-direction:column;padding-block:24px 48px}
.axis-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.axis-sub{margin:22px 0 4px}
.ycell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:6px 20px 6px 0;color:var(--text);text-decoration:none;font-size:14.5px;line-height:1.2;transition:color .15s}
.ycell::after{content:"";position:absolute;right:0;top:9px;bottom:9px;width:2px;background:transparent;transition:background .15s}
.ycell:hover{color:var(--ink)}
.ycell:hover::after{background:var(--line-strong)}
.ycell.on{color:var(--ink);font-weight:600}
.ycell.on::after{background:var(--ax-mark)}
.ycell .n{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}
.ycell-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.ycell-kicker{font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ycell--generic{min-height:52px}
.ycell--other{margin-top:16px}
.ycell.is-empty{color:var(--muted)}
.ycell.is-empty .n{opacity:.6}
.ycell.is-empty.on{color:var(--ink)}
.journey{padding-block:4px 36px}
.funnel{display:flex;gap:3px}
.seg{flex:1 1 0;min-width:0;height:84px;text-decoration:none;background:var(--surface-2);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s}
.seg-all{flex:0 0 clamp(60px,13%,112px);margin-right:5px}
.seg1{clip-path:polygon(0 0,100% 6%,100% 94%,0 100%)}.seg2{clip-path:polygon(0 6%,100% 12%,100% 88%,0 94%)}.seg3{clip-path:polygon(0 12%,100% 18%,100% 82%,0 88%)}.seg4{clip-path:polygon(0 18%,100% 24%,100% 76%,0 82%)}
.seg:hover{background:var(--line-strong)}
.seg.on{background:var(--citron);color:var(--on-citron)}
.seg-name{font-weight:600;font-size:14px;line-height:1.2}
.seg-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;opacity:.75;font-variant-numeric:tabular-nums}
.library{padding-block:28px 48px;border-top:1px solid var(--line)}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 13px;font-size:13.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--text);text-decoration:none}
.chip:hover{border-color:var(--line-strong);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.chip .n{font-family:var(--font-mono);font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}
.select{position:relative;display:flex;gap:6px;align-items:center}
.select select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 34px 7px 14px;font-size:13.5px;cursor:pointer;color:var(--text)}
.select select:hover{border-color:var(--line-strong)}
.select>.ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;width:14px;height:14px;color:var(--muted)}
.summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:16px;min-height:30px}
.summary b{color:var(--ink);font-weight:600}
.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--surface-2);padding:4px 6px 4px 10px;color:var(--ink);font-size:12.5px}
.tag a{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;color:var(--muted)}
.tag a .ico{width:12px;height:12px}
.tag a:hover{background:var(--line);color:var(--ink)}
.linkbtn{padding:4px 2px;text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-size:13.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
/* One block per proposition, stacked in the configured order. */
.pblock+.pblock{margin-top:44px}
.pblock-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.pblock-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2.6vw,30px);line-height:1.15}
.pblock-label{align-self:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px;background:var(--citron-soft);color:var(--ink)}
.pblock-n{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums}
.card{display:flex;flex-direction:column;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:border-color .15s,transform .2s;color:var(--text)}
.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:16px;font-weight:600;line-height:1.3}
.card .desc{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-foot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:auto;padding-top:4px}
.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 8px;border:1px solid var(--line);color:var(--text);white-space:nowrap}
.pill .ico{width:12px;height:12px;vertical-align:0}
.pill.review{background:var(--review-soft);border-color:var(--review-soft);color:var(--review)}
.pill.internal{background:var(--surface-2);border-color:var(--surface-2);color:var(--ink)}
.empty{grid-column:1/-1;border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:44px 20px;text-align:center;display:grid;gap:12px;justify-items:center;color:var(--muted)}
.empty-mark{display:flex;gap:3px;width:120px;height:28px}
.empty-mark i{flex:1;background:var(--surface-2)}
.empty-mark i:nth-child(1){clip-path:polygon(0 0,100% 10%,100% 90%,0 100%)}.empty-mark i:nth-child(2){clip-path:polygon(0 10%,100% 20%,100% 80%,0 90%)}.empty-mark i:nth-child(3){clip-path:polygon(0 20%,100% 30%,100% 70%,0 80%)}.empty-mark i:nth-child(4){clip-path:polygon(0 30%,100% 40%,100% 60%,0 70%)}
.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.btn.primary:hover{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.btn-s{height:36px;padding:0 14px;font-size:13.5px;gap:6px}
.show-s{display:none}
.empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.empty-hint{font-size:13.5px;max-width:42ch}
.pagefoot{border-top:1px solid var(--line);padding-block:22px 34px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* Material request form */
.rq{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:start;padding-block:48px 72px}
.rq-intro{position:sticky;top:96px;display:grid;gap:18px;justify-items:start}
.rq-intro h1,.rq-done h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.01em}
.rq-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13.5px}
.rq-back:hover{color:var(--ink)}
.rq-steps{list-style:none;margin:10px 0 0;padding:0;width:100%;border-top:1px solid var(--line)}
.rq-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.rq-steps b{display:block;color:var(--ink);font-weight:600;font-size:14.5px;margin-bottom:2px}
.rq-steps .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding-top:3px;color:var(--muted)}
.rq-form{display:grid;gap:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:28px 28px 30px;box-shadow:0 1px 0 var(--line)}
.rq-group{display:grid;gap:16px;min-width:0}
.rq-group+.rq-group{border-top:1px solid var(--line);padding-top:26px}
.rq-group h2{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:baseline}
.rq-group>.rq-hint{margin-top:-8px}
.rq-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rq-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rq-field{display:grid;gap:7px;align-content:start;min-width:0}
.rq-field label{font-size:13.5px;font-weight:500;color:var(--ink);display:flex;gap:8px;align-items:baseline}
.opt{font-family:var(--font-ui);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.rq-field input,.rq-field select,.rq-field textarea{width:100%;min-width:0;height:46px;border:1px solid var(--line-strong);border-radius:8px;background:var(--paper);padding:0 14px;font-size:15px;color:var(--ink);transition:border-color .15s}
.rq-field textarea{height:auto;min-height:132px;padding:12px 14px;line-height:1.5;resize:vertical}
.rq-field input::placeholder,.rq-field textarea::placeholder{color:var(--muted);opacity:.85}
.rq-field input:hover,.rq-field select:hover,.rq-field textarea:hover{border-color:var(--muted)}
.rq-field input:focus,.rq-field select:focus,.rq-field textarea:focus{outline:2px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}
.rq-field input[type=date]{padding-right:10px}
.rq-select{position:relative}
.rq-select select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;text-overflow:ellipsis}
.rq-select>.ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none}
.rq-field.has-error input,.rq-field.has-error select,.rq-field.has-error textarea{border-color:var(--danger)}
.rq-hint{font-size:12.5px;color:var(--muted)}
.rq-err{font-size:13px;color:var(--danger)}
.rq-alert{border-radius:8px;background:var(--danger-soft);color:var(--ink);padding:14px 16px;font-size:14px;display:grid;gap:6px}
.rq-alert p{font-weight:600}
.rq-alert ul{margin:0;padding-left:18px;display:grid;gap:2px}
.rq-alert a{color:var(--ink);text-underline-offset:3px}
.rq-foot{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.rq-foot .btn{height:46px;padding:0 22px}
.rq--sent{grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 160px);align-content:center}
.rq-done{max-width:620px;display:grid;gap:16px;justify-items:start}
.rq-check{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--citron);color:var(--on-citron);margin-bottom:6px}
.rq-check .ico{width:24px;height:24px}
.rq-done-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}

/* Covers */
.cover{aspect-ratio:16/10;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background:var(--booklet);container-type:size}
.badge{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.94);color:#0B0B0C;border:1px solid rgba(11,11,12,.08);border-radius:4px;padding:3px 7px;line-height:1.4}
.cover--img{padding:0;background:var(--phone-bg)}
.cover--img>img{width:100%;height:100%;object-fit:cover;display:block}
.play{position:absolute;left:14px;bottom:14px;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.92);color:#0B0B0C;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.play .ico{width:18px;height:18px;margin-left:2px}
.cover--sheet{align-items:center;justify-content:center;padding:0}
.sheet{height:76%;aspect-ratio:210/297;background:var(--sheet);border-radius:2px;padding:9cqh 7cqh 6cqh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 1.5cqh 4cqh -1.5cqh rgba(0,0,0,.3)}
.sheet.fs{aspect-ratio:8.5/11;padding-top:11cqh}
.sheet>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sheet .t{font-family:var(--font-display);font-size:8.2cqh;line-height:1.12;color:var(--sheet-ink)}
.sheet .p{font-family:var(--font-display);font-size:8.6cqh;line-height:1.05;color:var(--sheet-ink)}
.sheet .s{font-family:var(--font-ui);font-size:3.8cqh;line-height:1.3;color:var(--sheet-muted);margin-top:2.5cqh}
.sheet .rule{height:1cqh;width:30%;background:var(--citron);margin-top:4cqh}
.sheet .band{position:absolute;left:0;right:0;top:0;height:4.5cqh;background:var(--citron)}
.sheet .lg{margin-top:auto;width:44%}
.cover--doc{align-items:center;justify-content:center;padding:0;background:var(--phone-bg)}
/* Battle-card placeholder: landscape sheet with a second sheet behind it. Inner sizes use the sheet as container, so the drawing scales the same in tiles and on the asset page. */
.doc{position:relative;flex:none;height:62%;margin-top:10cqh;aspect-ratio:297/210;container-type:size}
.doc::before{content:"";position:absolute;inset:0;border-radius:1.4cqh;background:#EDEDE9;box-shadow:0 0 0 1px rgba(11,11,12,.05);transform:translate(2.6%,3.6%)}
.doc .pg{position:relative;height:100%;border-radius:1.4cqh;background:#FBFBF9;box-shadow:0 0 0 1px rgba(11,11,12,.06),0 2.5cqh 6cqh -2.5cqh rgba(0,0,0,.35);padding:9cqh 7cqw;display:flex;flex-direction:column;gap:8cqh;overflow:hidden}
.doc i{display:block;flex:none;height:4cqh;border-radius:2cqh;background:#E3E3DE}
.doc .hd{display:flex;align-items:center;gap:2.6cqw}
.doc .hd .ac{width:7cqw;height:6cqh;border-radius:1.2cqh;background:var(--citron)}
.doc .hd .t{width:36%;height:6cqh;background:#D6D6D0}
.doc .hd .m{width:12%;margin-left:auto}
.doc .cols{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}
.doc .col{display:flex;flex-direction:column;gap:4.4cqh;padding:0 3.6cqw;overflow:hidden}
.doc .col:first-child{padding-left:0;border-right:1px solid #E6E6E1}
.doc .col:last-child{padding-right:0}
.doc .col .h{width:48%;height:4.8cqh;background:#D6D6D0}
.doc .col .s{width:62%}
.doc .col .b{height:14cqh;border-radius:1.4cqh;background:#EEEEEA}
.cover--phone{align-items:center;justify-content:center;padding:0;background:var(--phone-bg)}
.phone{height:84%;aspect-ratio:9/19;border-radius:4.6cqh;background:#1A1B1E;padding:1.3cqh;box-shadow:0 1.5cqh 4cqh -1.5cqh rgba(0,0,0,.35)}
.phone .scr{width:100%;height:100%;border-radius:3.5cqh;background:#F6F6F3;display:flex;flex-direction:column;gap:2.2cqh;padding:6cqh 2.8cqh}
.phone .scr i{display:block;height:2.2cqh;border-radius:1cqh;background:#E3E3DE}
.phone .scr i.s{width:55%}
/* Showcase tile: the film still fills the whole card image like a poster. Without a still, a navy-to-teal surface in the film's colours carries the title in the display serif. */
.cover--show{padding:0;align-items:center;justify-content:center;background:#20334F linear-gradient(128deg,#1D2C4A 0%,#25486C 34%,#4E9EBB 56%,#2B5577 74%,#1C2B47 100%)}
.cover--show>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cover--show .kv{padding:0 10cqw;font-family:var(--font-display);font-size:11cqh;line-height:1.12;color:#FFFFFF;text-align:center;text-wrap:balance}
.phone .scr i.b{height:14cqh;background:#ECECE7}

/* Seller bar */
.sellerbar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);font-family:var(--font-ui)}
.sellerbar .wrap{max-width:none;display:flex;align-items:center;height:48px}
.sellerbar .back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:500;transition:color .15s}
.sellerbar .back:hover{color:var(--muted)}
.previewbar{background:var(--citron);color:#0B0B0C;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;padding:8px 16px;text-align:center}

/* Asset page */
.page-asset{background:var(--hub-bg)}
.ap{display:grid;grid-template-columns:minmax(0,630fr) minmax(0,882fr);min-height:100dvh;background:var(--hub-bg);color:var(--hub-text);font-family:var(--font-hub)}
.has-seller .ap{min-height:calc(100dvh - 49px)}
.ap-text{background:var(--hub-panel);display:flex;flex-direction:column;padding-block:40px 56px;padding-left:max(24px,6.3vw);padding-right:max(24px,5vw)}
.ap-logo{width:112px;display:block}
.ap-inner{margin-block:auto;display:grid;gap:30px;max-width:440px;padding-top:48px;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.ap-kicker{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#5C6A7A}
.ap h1{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,3.9vw,58px);line-height:1.12;color:var(--hub-ink);margin-top:-14px;overflow-wrap:break-word}
.ap-lang{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ap-lang .lbl{font-size:12px;font-weight:500;color:#5C6A7A}
.ap-lang .segs{display:flex;flex-wrap:wrap}
.ap-lang a{display:inline-grid;place-items:center;min-width:64px;height:52px;padding:0 14px;border:1px solid var(--hub-line);background:transparent;color:var(--hub-btn);font-size:15px;font-weight:500;margin-left:-1px;white-space:nowrap;text-decoration:none;transition:background .15s}
.ap-lang a:first-child{margin-left:0}
.ap-lang a:hover{background:rgba(38,56,76,.06)}
.ap-lang a[aria-current]{background:var(--hub-ink);border-color:var(--hub-ink);color:#FFFFFF;position:relative}
.ap-desc{font-size:18px;line-height:1.6;color:#33475C}
.ap-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:16px;color:var(--hub-text)}
.ap-list li{display:flex;gap:10px}
.ap-list li::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;background:var(--hub-ink)}
.ap-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 32px;background:var(--hub-btn);color:#FFFFFF;text-decoration:none;font-family:var(--font-hub);font-size:17px;font-weight:500;border:0;border-radius:0;cursor:pointer;justify-self:start;isolation:isolate;transition:color .25s}
.ap-btn::before{content:"";position:absolute;inset:0;background:var(--hub-citron);transform:translateY(101%);transition:transform .25s ease;z-index:-1}
.ap-btn:hover{color:var(--hub-ink)}
.ap-btn:hover::before{transform:none}
.ap-btn:focus-visible{outline:2px solid var(--hub-ink);outline-offset:3px}
.ap-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.ap-btn[aria-disabled="true"]:hover{color:#FFFFFF}
.ap-btn[aria-disabled="true"]::before{display:none}
.ap-status{font-size:14px;color:#4E5D6E}
.ap-media{background:var(--hub-media);position:relative;overflow:hidden;display:grid;place-items:center;container-type:size;min-height:420px}
.ap-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ap-titlepage{height:74%;width:auto;aspect-ratio:210/297;object-fit:cover;box-shadow:0 2cqh 5cqh -2cqh rgba(0,0,0,.35);background:#fff}
.ap-titlepage.fs{aspect-ratio:8.5/11}
.ap-media .sheet{height:74%}
.ap-media.demo video{width:84%;max-height:84%;background:#0B0B0C;border-radius:12px;box-shadow:0 0 0 1px rgba(40,35,25,.05),0 3.5cqh 8cqh -3cqh rgba(45,38,25,.3)}
.ap-media.bc .doc{height:auto;margin:0;width:min(74cqw,96cqh)}
/* Case study page: published title, key figures, client quote, and the 16:9 device film shown whole on a matching navy panel. */
.ap--cs h1{font-size:clamp(26px,2.2vw,34px);line-height:1.22;margin-top:-12px}
.ap--cs .ap-desc{font-size:16.5px}
.ap-figures{margin:0;display:grid;border-top:1px solid var(--hub-line)}
.ap-fig{padding:16px 0 18px;border-bottom:1px solid var(--hub-line)}
.ap-fig dt{display:flex;flex-direction:column;gap:6px}
.ap-metric{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--hub-ink)}
.ap-figlabel{font-size:15px;font-weight:600;color:var(--hub-ink)}
.ap-fig dd{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#4E5D6E}
.ap-quote{margin:0;padding-left:20px;border-left:2px solid var(--hub-ink)}
.ap-quote blockquote{margin:0}
.ap-quote p{font-family:var(--font-display);font-size:19px;line-height:1.45;color:var(--hub-ink)}
.ap-quote figcaption{margin-top:12px;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4;color:#4E5D6E}
.ap-quote figcaption b{font-weight:600;color:var(--hub-ink)}
.ap-media.cs{position:sticky;top:0;align-self:start;height:100dvh}
.has-seller .ap-media.cs{top:49px;height:calc(100dvh - 49px)}
.ap-media.cs .sheet{height:min(74%,104cqw);box-shadow:0 0 0 1px rgba(40,35,25,.05),0 3.5cqh 8cqh -3cqh rgba(45,38,25,.3)}
.err-media{background:var(--hub-media)}
.err-code{font-family:var(--font-display);font-size:34cqh;line-height:1;color:var(--hub-ink);opacity:.14}

.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%,20px);background:var(--primary);color:var(--on-primary);padding:10px 16px;border-radius:999px;font-family:var(--font-ui);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* Admin */
.page-admin{background:var(--surface)}
.adm-wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
.adm-top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.adm-top .adm-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-block:12px}
.adm-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.adm-logo img{width:96px}
.adm-logo span{background:var(--citron);color:#0B0B0C;padding:2px 7px;border-radius:4px}
.adm-nav{display:flex;gap:4px;flex-wrap:wrap}
.adm-nav a{padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--text);font-size:14px}
.adm-nav a:hover{background:var(--surface-2)}
.adm-nav a[aria-current]{background:var(--primary);color:var(--on-primary)}
.adm-top form{margin-left:auto}
.adm-main{padding-block:28px 64px;display:grid;gap:18px}
.adm-titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.adm-titlebar h1{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.15}
.adm-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:grid;gap:16px}
.adm-card h2{font-size:17px;font-weight:600}
.adm-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.adm-btn:hover{border-color:var(--ink)}
.adm-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.adm-btn.primary:hover{background:var(--navy);border-color:var(--navy)}
.adm-btn.ghost{border-color:var(--line)}
.adm-link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:13.5px}
.adm-link.danger{color:#A2311F}
.adm-sub{display:block;font-size:12.5px;color:var(--muted);font-weight:400}
.adm-notice{background:var(--navy);color:var(--citron);border-radius:8px;padding:10px 14px;margin-top:16px;font-size:14px}
.adm-error{background:#F8E3DE;color:#7E2414;border-radius:8px;padding:10px 14px;margin-top:16px;font-size:14px}
.adm-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.adm-filters label,.adm-grid label,.adm-grid fieldset{display:grid;gap:5px;font-size:12.5px;font-weight:500;color:var(--muted)}
.adm-filters input,.adm-filters select,.adm-grid input,.adm-grid select,.adm-grid textarea{height:38px;border:1px solid var(--line-strong);border-radius:6px;background:var(--paper);padding:0 10px;font-size:14px;color:var(--ink);font-weight:400;min-width:0;width:100%}
.adm-grid textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}
.adm-grid input:focus,.adm-grid select:focus,.adm-grid textarea:focus,.adm-filters input:focus,.adm-filters select:focus{outline:2px solid var(--ink);outline-offset:0}
.adm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.adm-grid .span2{grid-column:span 2}.adm-grid .span4{grid-column:1/-1}
.adm-grid fieldset{border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:14px}
.adm-grid fieldset legend{padding:0 4px}
.adm-grid label.chk{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:14px}
.adm-grid label.chk input{width:16px;height:16px}
.adm-formfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.adm-tablewrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}
.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}
.adm-table th{text-align:left;font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.adm-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.adm-table tr:last-child td{border-bottom:0}
.adm-table tbody tr:hover{background:var(--surface)}
.adm-table .mono{text-transform:none;letter-spacing:0;font-size:12px}
.adm-table .num{font-family:var(--font-mono);color:var(--muted)}
.adm-table .r{text-align:right}
.adm-strong{color:var(--ink);font-weight:600;text-decoration:none}
.adm-strong:hover{text-decoration:underline}
.adm-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.adm-actions form{display:inline}
.adm-empty{text-align:center;color:var(--muted);padding:32px!important}
.st{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink);white-space:nowrap}
.st-live,.st-public{background:var(--navy);color:var(--citron)}
.st-review{background:var(--review-soft);color:var(--review)}
.st-draft{background:transparent;border:1px dashed var(--line-strong);color:var(--muted)}
.st-internal{background:var(--ink);color:var(--paper)}
.adm-version{border:1px solid var(--line);border-radius:8px;padding:0 16px}
.adm-version[open]{padding-bottom:16px}
.adm-version>summary{cursor:pointer;display:flex;gap:12px;align-items:center;padding:14px 0;flex-wrap:wrap}
.adm-version>summary .mono{margin-left:auto}
.adm-version>form,.adm-version>.up-grid{margin-top:12px}
.up-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.up{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:10px;align-content:start;background:var(--surface)}
.up-head{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--ink)}
.up-hint{font-size:12.5px;color:var(--muted)}
.up-cur{display:grid;gap:6px;justify-items:start}
.up-cur img{max-height:120px;width:auto;border-radius:4px;border:1px solid var(--line);background:var(--paper)}
.up-id{font-size:10px;text-transform:none;letter-spacing:0;word-break:break-all}
.up-none{font-size:12.5px;color:var(--muted);font-style:italic}
.up-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.up-form input[type=file]{font-size:12.5px;max-width:100%}
.adm-pager{display:flex;gap:10px}
/* Admin: material requests */
.adm-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:7px;border-radius:999px;background:var(--citron);color:#0B0B0C;font-family:var(--font-mono);font-size:11px;line-height:1;vertical-align:1px}
.adm-nav a[aria-current] .adm-count{background:var(--citron);color:#0B0B0C}
.ar-tabs{display:flex;flex-wrap:wrap;gap:6px}
.ar-tabs a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 13px;font-size:13.5px;color:var(--text);text-decoration:none}
.ar-tabs a:hover{border-color:var(--line-strong);color:var(--ink)}
.ar-tabs a[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.ar-tabs .n{font-family:var(--font-mono);font-size:11px;opacity:.65}
.ar-info{font-size:13.5px;color:var(--review);background:var(--review-soft);border-radius:8px;padding:10px 14px}
.ar-list{display:grid;gap:12px}
.ar-empty{background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:36px 20px;text-align:center;color:var(--muted)}
.ar-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;display:grid;gap:14px;scroll-margin-top:90px}
.ar-item:target{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ar-item.is-done{background:transparent}
.ar-item.is-done .ar-need{color:var(--text)}
.ar-head{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.ar-when{text-transform:none;letter-spacing:.02em}
.ar-perma{margin-left:auto}
.ar-need{font-size:15.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-width:80ch}
.ar-meta{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 22px;padding-top:14px;border-top:1px solid var(--line)}
.ar-meta dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ar-meta dd{margin:3px 0 0;font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}
.ar-meta dd.ar-none{color:var(--muted)}
.ar-who{grid-column:span 2}
.ar-who .adm-link{margin-left:4px}
.ar-foot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.ar-mail{font-size:13px;color:var(--muted)}
.ar-mail--sent::before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--navy);margin-right:8px;vertical-align:1px}
.ar-mail--failed,.ar-mail--not_configured{color:var(--danger)}
.ar-mail .mono{text-transform:none;letter-spacing:0;font-size:11.5px}
.st-open{background:var(--citron);color:#0B0B0C}
.st-done{background:transparent;border:1px solid var(--line-strong);color:var(--muted)}
.st-role{background:var(--surface-2);color:var(--ink)}

@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.reveal{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.grid .reveal:nth-child(2){animation-delay:.04s}.grid .reveal:nth-child(3){animation-delay:.08s}.grid .reveal:nth-child(4){animation-delay:.12s}.grid .reveal:nth-child(5){animation-delay:.16s}.grid .reveal:nth-child(n+6){animation-delay:.2s}

@media (max-width:900px){
  .rq{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 56px}
  .rq-intro{position:static}
  .rq-steps{display:none}
  .intro{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:36px 24px}
  .ap{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .ap-media{order:-1;min-height:0;aspect-ratio:4/3}
  .ap-media.cs,.has-seller .ap-media.cs{position:relative;top:auto;height:auto}
  .ap-text{padding-block:28px 40px}
  .ap-inner{padding-top:24px;margin-block:0}
  .adm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .matrix{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .matrix::before,.matrix::after,.axis-label{display:none}
  .matrix>.yaxis,.matrix>.journey,.matrix>.library{grid-column:auto;grid-row:auto}
  .matrix>.library{border-top:1px solid var(--line)}
  .yaxis{flex-direction:row;gap:22px;margin-bottom:16px;box-shadow:inset 0 -1px var(--line);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .yaxis::-webkit-scrollbar{display:none}
  .yaxis-head,.yaxis-list{display:contents}
  .ycell,.ycell--generic{flex:none;min-height:0;height:42px;padding:0;white-space:nowrap}
  .ycell::after{top:auto;bottom:0;left:0;right:0;width:auto;height:2px}
  .ycell--other{margin-top:0}
  .ycell-name{flex-direction:row-reverse;align-items:baseline;gap:6px}
}
@media (max-width:600px){
  .crumbs .hide-s{display:none}
  .top .divider{display:none}
  .ycell,.ycell--generic{height:40px;font-size:14px}
  .pblock+.pblock{margin-top:36px}
  .seg{height:70px}
  .seg-name{font-size:12.5px}
  .seg-count{font-size:10px}
  .colls,.grid{grid-template-columns:minmax(0,1fr)}
  .adm-grid{grid-template-columns:minmax(0,1fr)}
  .adm-grid .span2{grid-column:auto}
  .rqbtn .hide-s{display:none}
  .rqbtn .show-s{display:inline}
  .rqbtn{padding:0 12px}
  .rq-form{padding:20px 16px 22px;margin-inline:-4px}
  .rq-row,.rq-row--2{grid-template-columns:minmax(0,1fr)}
  .rq-foot .btn{flex:1 1 auto;justify-content:center}
  .ar-item{padding:16px}
  .ar-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
  .ar-who{grid-column:1/-1}
  .ar-perma{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*,*::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}