/* About v2 — cinematic mission page on the home-v6 system */
.ab2-hero{min-height:clamp(480px,78vh,820px);display:flex;flex-direction:column;justify-content:center;position:relative;padding:clamp(90px,11vw,160px) 0 clamp(70px,8vw,120px)}
.ab2-kick{display:block;margin-bottom:clamp(22px,2.6vw,36px)}
.ab2-h1{font-family:var(--serif);font-weight:420;font-size:clamp(44px,6.4vw,104px);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0;max-width:15ch;text-wrap:balance}
.ab2-h1 em{font-style:italic;color:var(--muted)}
.ab2-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.ab2-w i{display:inline-block;font-style:inherit;transform:translateY(110%);animation:ab2Rise .8s cubic-bezier(.22,.7,.25,1) forwards;animation-delay:calc(.08s * var(--i) + .15s)}
@keyframes ab2Rise{to{transform:none}}
.ab2-lede{font-size:clamp(20px,1.9vw,26px);line-height:1.45;color:var(--ink-soft);max-width:44ch;margin:clamp(28px,3.2vw,44px) 0 0;text-wrap:pretty;opacity:0;animation:ab2Fade .9s ease forwards;animation-delay:1.05s}
@keyframes ab2Fade{to{opacity:1}}
.ab2-cue{position:absolute;left:50%;bottom:clamp(20px,3vw,38px);transform:translateX(-50%);width:1px;height:clamp(40px,5vw,64px);background:linear-gradient(to bottom,transparent,var(--line-2));overflow:hidden}
.ab2-cue span{position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--muted-2);animation:ab2Cue 2.6s cubic-bezier(.6,0,.4,1) infinite}
@keyframes ab2Cue{0%{top:-40%}70%{top:110%}100%{top:110%}}

.ab2-eyebrow{display:block;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(18px,2vw,26px)}
.ab2-h2{font-family:var(--serif);font-weight:430;font-size:clamp(32px,3.8vw,60px);line-height:1.07;letter-spacing:-.024em;color:var(--ink);margin:0;max-width:22ch;text-wrap:balance}
.ab2-h2 em{font-style:italic;color:var(--muted)}

.ab2-scale{padding:clamp(56px,7vw,120px) 0}
.ab2-bars{margin-top:clamp(36px,4.2vw,64px);display:grid;gap:clamp(24px,2.8vw,38px)}
.ab2-bar-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:11px}
.ab2-bar-meta b{font-family:var(--sans);font-weight:600;font-size:clamp(16.5px,1.4vw,19px);color:var(--ink)}
.ab2-bar-meta span{font-family:var(--mono);font-size:clamp(12px,1.1vw,13.5px);font-weight:500;letter-spacing:.08em;color:var(--muted)}
.ab2-track{height:clamp(34px,3.4vw,52px);border-radius:10px;background:var(--paper-deep);overflow:hidden}
.ab2-track i{display:block;height:100%;width:0;border-radius:10px;background:var(--ink);transition:width 1.3s cubic-bezier(.25,.6,.2,1);background-image:repeating-linear-gradient(-45deg,rgba(250,249,245,.12) 0 14px,transparent 14px 28px);background-size:40px 100%}
.ab2-bars.in .ab2-track i{animation:ab2Cane 1.1s linear infinite}
@keyframes ab2Cane{to{background-position:40px 0}}
.ab2-track i.thin{background:var(--terra)}
.ab2-bars.in .ab2-track i{width:var(--w)}
.ab2-bars.in .ab2-bar:nth-child(2) i{transition-delay:.25s}
.ab2-bars.in .ab2-bar:nth-child(3) i{transition-delay:.55s}

.ab2-decade{padding:clamp(40px,5vw,88px) 0}
.ab2-cmp{margin-top:clamp(32px,3.8vw,54px)}
.ab2-cmp-head,.ab2-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,80px)}
.ab2-cmp-head{padding-bottom:clamp(12px,1.4vw,18px);border-bottom:1px solid var(--line-2)}
.ab2-cmp-head b{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.ab2-row{border-bottom:1px solid var(--line);padding:clamp(20px,2.4vw,30px) 0;align-items:baseline}
.ab2-row>div{font-family:var(--serif);font-weight:430;font-size:clamp(19px,1.9vw,26px);line-height:1.3;letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}
.ab2-row>div:last-child{color:var(--muted)}
.ab2-cmp .ab-reveal{transition-duration:.7s}
.ab2-cmp .ab-reveal:nth-child(2){transition-delay:.05s}
.ab2-cmp .ab-reveal:nth-child(3){transition-delay:.12s}
.ab2-cmp .ab-reveal:nth-child(4){transition-delay:.19s}
.ab2-cmp .ab-reveal:nth-child(5){transition-delay:.26s}

.ab2-pivot{padding:clamp(70px,9vw,150px) 0}
.ab2-big{font-family:var(--serif);font-weight:420;font-size:clamp(36px,4.6vw,76px);line-height:1.06;letter-spacing:-.026em;color:var(--ink);margin:0;max-width:19ch;text-wrap:balance}
.ab2-pillars{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);margin-top:clamp(44px,5vw,80px)}
.ab2-pn{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.7vw,24px);color:var(--muted-2)}
.ab2-pillar h3{font-family:var(--serif);font-weight:450;font-size:clamp(26px,2.5vw,38px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);margin:clamp(12px,1.4vw,18px) 0 0}
.ab2-pillar p{font-size:var(--fs-support);line-height:1.55;color:var(--ink-soft);margin:clamp(14px,1.6vw,20px) 0 0;max-width:44ch;text-wrap:pretty}
.ab2-quote{margin-top:clamp(48px,5.4vw,84px)}

.ab2-principles{margin-top:clamp(8px,1vw,14px)}

@media (max-width:820px){
.ab2-hero{min-height:0}
.ab2-cmp-head,.ab2-row{grid-template-columns:1fr;gap:8px}
.ab2-cmp-head div:last-child{display:none}
.ab2-row>div:last-child{padding-left:14px;border-left:2px solid var(--line-2);font-size:.92em}
.ab2-pillars{grid-template-columns:1fr;gap:36px}
}
@media (prefers-reduced-motion:reduce){
.ab2-w i{animation:none;transform:none}
.ab2-lede{animation:none;opacity:1}
.ab2-cue span{animation:none}
.ab2-track i{transition:none;width:var(--w);animation:none!important}
}

/* each bar its own character */
.ab2-bar:nth-child(2) .ab2-track i{background-color:#8B7E6A;background-image:repeating-linear-gradient(-45deg,rgba(250,249,245,.16) 0 14px,transparent 14px 28px)}
.ab2-bar:nth-child(3) .ab2-track i.thin{background-color:var(--terra);background-image:none}

/* ---------- careers ---------- */
.cr-hero{min-height:clamp(420px,64vh,680px)}
.ab2-ctas{margin-top:clamp(30px,3.4vw,46px);opacity:0;animation:ab2Fade .9s ease forwards;animation-delay:1.2s}
.cr-roles{border:1px solid var(--line-2);border-radius:18px;overflow:hidden;background:#fff;margin-top:clamp(28px,3.2vw,44px)}
.cr-role{border-top:1px solid var(--line)}
.cr-role:first-child{border-top:0}
.cr-role-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 34px;align-items:center;gap:clamp(18px,2.4vw,36px);padding:clamp(22px,2.6vw,32px) clamp(22px,2.6vw,34px);width:100%;text-align:left;background:none;border:0;font:inherit;cursor:pointer;transition:background .16s ease}
.cr-role-head:hover{background:var(--faint)}
.cr-chev svg{transition:transform .25s ease}
.cr-role.open .cr-chev svg{transform:rotate(180deg)}
.cr-jd{display:none}
.cr-role.open .cr-jd{display:block}
.cr-role.open{background:var(--faint)}
.cr-jd-in{padding:4px clamp(22px,2.6vw,34px) clamp(28px,3.2vw,40px);border-top:1px dashed var(--line-2)}
.cr-jd-about{font-size:var(--fs-support);line-height:1.55;color:var(--ink-soft);max-width:68ch;margin:clamp(18px,2vw,26px) 0 0;text-wrap:pretty}
.cr-jd-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,48px);margin-top:clamp(20px,2.2vw,30px)}
.cr-jd-cols h4{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.cr-jd-cols ul{list-style:none;margin:0;padding:0}
.cr-jd-cols li{position:relative;padding:7px 0 7px 18px;font-size:16.5px;line-height:1.5;color:var(--ink-soft);text-wrap:pretty}
.cr-jd-cols li::before{content:"";position:absolute;left:0;top:.95em;width:7px;height:1.5px;background:var(--terra)}
.cr-apply{margin-top:clamp(26px,3vw,38px);background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:clamp(20px,2.4vw,30px)}
.cr-apply h4{font-family:var(--serif);font-weight:450;font-size:clamp(20px,1.8vw,25px);letter-spacing:-.012em;color:var(--ink);margin:0 0 clamp(16px,1.8vw,22px)}
.cr-apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,20px);margin-bottom:clamp(14px,1.6vw,20px)}
.cr-apply .ct-field textarea{min-height:96px}
.cr-apply .ct-submit{margin-top:clamp(16px,1.8vw,22px)}
.cr-file{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px dashed var(--line-2);border-radius:11px;padding:13px 16px;cursor:pointer;color:var(--muted);font-size:16.5px;transition:border-color .18s ease}
.cr-file:hover{border-color:var(--muted-2)}
.cr-file input{position:absolute;width:1px;height:1px;opacity:0}
.cr-file svg{width:18px;height:18px;flex:none}
.cr-file-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-sent{margin:14px 0 0;font-size:16px;color:var(--terra)}
.cr-role-main b{display:block;font-family:var(--serif);font-weight:450;font-size:clamp(21px,1.9vw,27px);letter-spacing:-.014em;color:var(--ink)}
.cr-role-main p{margin:7px 0 0;font-size:var(--fs-support);line-height:1.45;color:var(--muted);text-wrap:pretty}
.cr-role-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cr-role-meta span{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:5px 11px;white-space:nowrap}
.cr-arr{color:var(--muted-2);transition:transform .18s ease,color .18s ease}
.cr-arr svg{width:20px;height:20px}
.cr-role:hover .cr-arr{color:var(--terra);transform:translateX(3px)}
.cr-open{font-size:var(--fs-support);color:var(--muted);margin:clamp(18px,2vw,26px) 0 0}
.cr-open a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--terra);padding-bottom:1px}
.cr-open a:hover{opacity:.7}
.cr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3.2vw,44px)}
.cr-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:clamp(20px,2.2vw,28px)}
.cr-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--faint);font-family:var(--mono);font-size:13px;font-weight:500;color:var(--terra)}
.cr-step b{display:block;font-weight:600;font-size:17.5px;color:var(--ink);margin-top:3px}
.cr-step p{margin:7px 0 0;font-size:16.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}
@media (max-width:900px){
.cr-role-head{grid-template-columns:minmax(0,1fr) 24px}
.cr-role-meta{grid-column:1;justify-content:flex-start}
.cr-role-head .cr-arr{grid-row:1;grid-column:2}
.cr-jd-cols{grid-template-columns:1fr}
.cr-apply-grid{grid-template-columns:1fr}
.cr-steps{grid-template-columns:1fr}
}

/* why here: 2x2 cards */
.cr-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3.2vw,44px)}
.cr-card{background:#fff;border:1px solid var(--line-2);border-radius:18px;padding:clamp(24px,2.8vw,38px)}
.cr-card-n{display:inline-grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--terra);background:var(--faint);border-radius:999px;padding:6px 12px}
.cr-card h3{font-family:var(--serif);font-weight:450;font-size:clamp(24px,2.2vw,32px);line-height:1.14;letter-spacing:-.018em;color:var(--ink);margin:clamp(16px,1.8vw,24px) 0 0;text-wrap:balance}
.cr-card p{font-size:var(--fs-support);line-height:1.55;color:var(--muted);margin:12px 0 0;max-width:52ch;text-wrap:pretty}
@media (max-width:820px){.cr-why{grid-template-columns:1fr}}

/* house rules board */
.cr-board{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,44px) clamp(20px,2.6vw,36px);margin-top:clamp(34px,4vw,58px);padding:clamp(28px,3.4vw,52px);background:var(--paper-deep);border-radius:clamp(16px,2vw,26px)}
.cr-note{position:relative;margin:0;background:#FFFDF7;border:1px solid var(--line-2);border-radius:6px;padding:clamp(24px,2.8vw,38px) clamp(22px,2.6vw,34px);box-shadow:0 1px 0 rgba(45,30,15,.04),0 18px 40px -28px rgba(45,30,15,.35);transition:transform .35s cubic-bezier(.22,.7,.3,1),box-shadow .35s ease}
.cr-note.n1{transform:rotate(-1.1deg)}
.cr-note.n2{transform:rotate(.9deg) translateY(clamp(10px,1.6vw,26px))}
.cr-note.n3{transform:rotate(.7deg) translateY(clamp(-6px,-.6vw,-2px))}
.cr-note.n4{transform:rotate(-.8deg) translateY(clamp(6px,1vw,18px))}
.cr-note:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 0 rgba(45,30,15,.04),0 30px 60px -30px rgba(45,30,15,.4);z-index:2}
.cr-note::before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-2deg);width:74px;height:22px;background:color-mix(in oklab,var(--paper-deep) 55%,#d8cdb9);opacity:.85;border-left:1px solid rgba(45,30,15,.06);border-right:1px solid rgba(45,30,15,.06)}
.cr-note-k{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.cr-note blockquote{margin:clamp(14px,1.6vw,20px) 0 0;font-family:var(--serif);font-weight:440;font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.cr-note blockquote s{color:var(--muted-2);text-decoration-thickness:1.5px;text-decoration-color:var(--terra);font-size:.62em;font-style:italic;font-weight:420;margin-right:.25em}
.cr-note p{margin:clamp(12px,1.4vw,18px) 0 0;font-size:var(--fs-support);line-height:1.55;color:var(--muted);max-width:44ch;text-wrap:pretty}
.cr-stamp{position:absolute;right:clamp(16px,2vw,26px);bottom:clamp(14px,1.8vw,22px);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);border:1.5px solid color-mix(in oklab,var(--terra) 55%,transparent);border-radius:4px;padding:5px 9px;transform:rotate(-6deg);opacity:.85}
@media (max-width:820px){.cr-board{grid-template-columns:1fr;padding:clamp(18px,4vw,28px)}.cr-note{transform:none!important}.cr-note:hover{transform:translateY(-3px)!important}}
@media (prefers-reduced-motion:reduce){.cr-note{transition:none}}

/* hiring: the week itself */
.cr-week{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(34px,4vw,58px)}
.cr-day{position:relative;padding-top:clamp(22px,2.4vw,30px)}
.cr-day::before{content:"";position:absolute;top:0;left:0;right:calc(-1 * clamp(24px,3vw,48px));height:1px;background:var(--line-2)}
.cr-day:last-child::before{right:0}
.cr-day::after{content:"";position:absolute;top:-4.5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--terra)}
.cr-day-k{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cr-day h3{font-family:var(--serif);font-weight:440;font-size:clamp(27px,2.7vw,40px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:clamp(12px,1.4vw,18px) 0 0}
.cr-day p{font-size:var(--fs-support);line-height:1.55;color:var(--muted);margin:clamp(10px,1.2vw,16px) 0 0;max-width:34ch;text-wrap:pretty}
@media (max-width:820px){.cr-week{grid-template-columns:1fr;gap:26px}.cr-day::before{right:0}}

/* open roles: plain list — base .cr-roles accordion styles above */
.cr-wall::before{content:"";position:absolute;top:0;left:0;right:0;height:46px;background:var(--bg);border-radius:0 0 56px 56px;box-shadow:0 16px 32px -24px rgba(45,30,15,.5);z-index:5}
.cr-wall::after{content:"";position:absolute;bottom:0;left:0;right:0;height:46px;background:var(--bg);border-radius:56px 56px 0 0;box-shadow:0 -16px 32px -24px rgba(45,30,15,.4);z-index:5}
.cr-ministick.ms1{top:56px}
.cr-ministick.ms2{bottom:54px}

.cr-jobnote .cr-note-k{display:none}
.cr-jobnote b{margin-top:0}
/* hover polish */
.cr-jobcta{transition:background .22s ease,border-color .22s ease,color .22s ease,transform .38s cubic-bezier(.2,.8,.25,1.5)}
.cr-jobnote:hover .cr-jobcta{transform:scale(1.12) rotate(45deg)}
.cr-jobnote .cr-note-k,.cr-jobnote b{transition:color .25s ease}
.cr-jobnote:hover b{color:var(--terra)}
@media (prefers-reduced-motion:reduce){.cr-jobnote,.cr-jobcta{transition:none}}
/* stacking: decor behind, notes in front */
.cr-wall .cr-graf,.cr-wall .cr-cursor,.cr-ministick{z-index:0}
.cr-jobnote{z-index:1}
.cr-jobnote:hover{z-index:3}

/* more graffiti */
.cr-graf.g4{right:1%;top:41%;font-size:clamp(26px,2.3vw,34px);transform:rotate(6deg) translateY(var(--par,0px));color:var(--muted-2);white-space:normal;width:210px;text-align:center}
.cr-graf.g5{left:33%;top:65%;font-size:clamp(28px,2.4vw,36px);transform:rotate(-4deg) translateY(var(--par,0px))}
.cr-graf.g5 svg{display:block;width:72px;margin:2px 0 0 80px;color:var(--terra)}
.cr-graf.g6{right:2%;top:5%;transform:rotate(10deg) translateY(var(--par,0px));color:var(--terra);opacity:.75}
.cr-graf.g7{left:2.5%;bottom:9%;font-size:clamp(32px,2.8vw,42px);transform:rotate(-3deg) translateY(var(--par,0px))}
.cr-graf.g7 em{font-style:normal;color:var(--terra);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.cr-graf.g8{left:41%;top:47%;transform:rotate(-8deg) translateY(var(--par,0px));color:var(--muted-2);opacity:.6}

.cr-graf.g6 svg{width:64px;height:64px}
.cr-graf.g8 svg{width:76px;height:76px}
/* vinyl stickers */
.cr-sticker{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(45,30,15,.28))}
.cr-sticker svg{display:block;width:100%;height:100%}
.cr-sticker.s1{right:4.5%;bottom:20%;width:clamp(96px,9.5vw,136px);height:clamp(96px,9.5vw,136px);transform:rotate(-9deg) translateY(var(--par,0px))}
.cr-sticker.s2{left:6%;top:4.5%;width:clamp(104px,10.5vw,148px);height:clamp(104px,10.5vw,148px);transform:rotate(7deg) translateY(var(--par,0px))}
@media (max-width:760px){.cr-sticker{display:none}}
/* stamps clear of titles now that kickers are gone */
.cr-jobnote:has(.cr-jobstamp) b{padding-right:126px}

/* huge marker graffiti behind the notes */
.cr-graf.g9{left:52%;top:30%;font-size:clamp(200px,24vw,360px);font-weight:600;color:var(--terra);opacity:.14;transform:rotate(-7deg) translateY(var(--par,0px));z-index:0;line-height:1}
.cr-graf.g10{left:-1%;top:63%;font-size:clamp(110px,13vw,200px);font-weight:600;color:var(--ink);opacity:.09;transform:rotate(-4deg) translateY(var(--par,0px));z-index:0;line-height:1}

.cr-sticker.s2 .cr-sticker-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#FFFDF7;border:2.5px solid #E4DECE;border-radius:50%;box-shadow:inset 0 0 0 6px #FFFDF7,inset 0 0 0 7.5px #EFE9DA}
.cr-sticker.s2 img{width:54%;height:auto;display:block}

/* board header */
.cr-boardhead{text-align:center;padding:0 0 clamp(30px,3.4vw,48px);position:relative;z-index:4}
.cr-boardhead-k{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--terra)}
.cr-boardhead-k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--terra)}
.cr-boardhead h2{font-family:var(--serif);font-weight:440;font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:14px 0 0;text-wrap:balance}
.cr-boardhead p{font-size:var(--fs-support);line-height:1.5;color:var(--muted);margin:14px auto 0;max-width:46ch;text-wrap:pretty}

/* mobile: full-viewport wall, graffiti ride along the scroll */
.cr-scrollhint{display:none}
@media (max-width:760px){
.cr-jobboard{min-height:100svh;align-items:center}
.cr-boardhead{order:0}
.cr-scrollhint{display:block;font-family:'Caveat',cursive;font-weight:600;font-size:28px;color:var(--terra);margin-top:16px;animation:crHint 1.6s ease-in-out infinite;width:max-content}
.cr-jobboard .cr-graf,.cr-jobboard .cr-sticker{display:block;position:static;flex:0 0 auto;width:auto;pointer-events:none}
.cr-jobboard .cr-sticker{width:112px;height:112px;flex-basis:112px}
.cr-graf.g1{white-space:normal;width:230px;align-self:flex-start;margin-top:13vh}
.cr-graf.g2{align-self:flex-end;margin-bottom:12vh}
.cr-graf.g3{align-self:flex-start;margin-top:17vh}
.cr-graf.g4{white-space:normal;width:210px;align-self:flex-end;margin-bottom:15vh}
.cr-graf.g5{align-self:flex-start;margin-top:11vh}
.cr-graf.g6{align-self:center}
.cr-graf.g7{align-self:flex-end;margin-bottom:13vh}
.cr-graf.g8{align-self:center}
.cr-graf.g9{font-size:clamp(110px,30vw,170px);align-self:center}
.cr-graf.g10{font-size:clamp(70px,20vw,120px);align-self:flex-end;margin-bottom:9vh}
.cr-sticker.s1{align-self:flex-start;margin-top:15vh}
.cr-jobnote.jb1{order:10}.cr-jobnote.jb2{order:20}.cr-jobnote.jb3{order:30}.cr-jobnote.jb4{order:40}.cr-jobnote.jb5{order:50}.cr-jobnote.jb6{order:60}.cr-jobnote.jb7{order:70}.cr-jobnote.jb8{order:80}.cr-jobnote.jb9{order:90}.cr-jobnote.jb10{order:100}.cr-jobnote.jb11{order:110}.cr-jobnote.jb12{order:120}
.cr-graf.g1{order:5}.cr-graf.g8{order:15}.cr-graf.g9{order:35}.cr-graf.g2{order:45}.cr-graf.g5{order:55}.cr-graf.g3{order:65}.cr-sticker.s1{order:72}.cr-graf.g4{order:75}.cr-graf.g6{order:85}.cr-graf.g7{order:95}.cr-graf.g10{order:105}
}
@keyframes crHint{0%,100%{transform:translateX(0)}50%{transform:translateX(12px)}}

/* mobile wall v2: header pinned top, two-row scroller below */
@media (max-width:760px){
.cr-wall{display:flex;flex-direction:column;padding-top:96px;padding-bottom:64px}
.cr-boardhead{flex:none;display:block;width:auto;text-align:left;padding:0 4px 16px;margin:0;scroll-snap-align:none}
.cr-boardhead p{margin-left:0;max-width:52ch}
.cr-jobboard{display:grid;grid-template-columns:none;grid-auto-flow:column dense;grid-template-rows:repeat(2,300px);grid-auto-columns:300px;align-content:center;gap:14px;overflow-x:auto;overflow-y:clip;flex:1 1 auto;min-height:0;padding:6px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.cr-jobboard::-webkit-scrollbar{display:none}
.cr-jobboard .cr-jobnote{grid-area:auto;height:100%;min-height:0;width:100%;aspect-ratio:auto;scroll-snap-align:start;padding:18px 16px 46px}
.cr-jobboard .cr-jobnote b{font-size:20px;margin-top:0}
.cr-jobboard .cr-jobnote p{font-size:14.5px;margin-top:8px;line-height:1.45}
.cr-jobmeta{font-size:9.5px;left:16px;bottom:13px}
.cr-jobcta{width:30px;height:30px;right:12px;bottom:10px}
.cr-jobboard .cr-graf,.cr-jobboard .cr-sticker{grid-row:1/-1;align-self:center;justify-self:center;margin:0}
.cr-graf.g9{font-size:120px}
.cr-graf.g10{font-size:88px}
.cr-jobnote:has(.cr-jobstamp) b{padding-right:118px}
}

/* true squares: notes are containers, type scales with note size */
@media (min-width:761px){
.cr-jobboard{align-items:start}
.cr-jobnote{container-type:inline-size;aspect-ratio:1;height:auto}
.cr-jobnote b{font-size:clamp(16px,10.2cqw,31px)}
.cr-jobnote p{font-size:clamp(12px,6.4cqw,20px);line-height:1.45}
.cr-jobnote .cr-jobmeta{font-size:clamp(8.5px,3.6cqw,10.5px);left:clamp(14px,7cqw,26px);bottom:clamp(12px,6cqw,22px)}
.cr-jobnote .cr-jobcta{width:clamp(26px,12cqw,34px);height:clamp(26px,12cqw,34px);right:clamp(12px,6cqw,20px);bottom:clamp(10px,5cqw,18px)}
.cr-jobnote .cr-jobcta svg{width:clamp(12px,5.5cqw,15px);height:clamp(12px,5.5cqw,15px)}
.cr-jobnote{padding:clamp(14px,8cqw,26px) clamp(13px,7.5cqw,24px) clamp(38px,20cqw,58px)}
.cr-jobstamp{font-size:clamp(8px,3.4cqw,10px);padding:3px 6px}
.cr-jobnote:has(.cr-jobstamp) b{padding-right:clamp(84px,38cqw,126px)}
}

/* mobile: titles full width */
@media (max-width:760px){.ab2-h1,.ab2-h2{max-width:none}}