/* C connected-board pass: page-local, no shared styles changed. */
body.offering:has(.c-shell) .wrap{width:calc(100% - 112px)!important;max-width:1120px!important;position:relative}
body.offering:has(.c-shell) .ri-hero{grid-template-columns:1.3fr 1fr!important;gap:48px;align-items:center;padding:4rem 0 5rem!important}
body.offering:has(.c-shell) .ri-hero h1{font-size:clamp(3.4rem,5.3vw,4.8rem)!important;max-width:none;line-height:1.02;text-wrap:initial;letter-spacing:-.025em}
body.offering:has(.c-shell) .c-hero{align-self:center;max-height:none;aspect-ratio:4/3;transform:rotate(1.2deg);margin:0!important}
body.offering:has(.c-shell) .c-shell{background:#e9e1cc;background-image:radial-gradient(#8d77551c .7px,transparent .7px);background-size:5px 5px;border:8px solid #c4ad83;outline:1px solid #ad936b;border-radius:1px;isolation:isolate;overflow:visible;padding:3rem 2rem;box-shadow:2px 12px 20px -12px #49311988}
body.offering:has(.c-shell) .c-shell::before{left:15%;top:-18px;width:86px;height:28px;transform:rotate(-13deg);margin:0;background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.offering:has(.c-shell) .c-shell::after{content:'';position:absolute;right:7%;bottom:-17px;width:72px;height:27px;background:#e2d0a0cf;transform:rotate(-19deg);box-shadow:0 1px 2px #49311933;z-index:3}
body.offering:has(.c-shell) .c-shell b,body.offering:has(.c-shell) .c-shell strong,body.offering:has(.c-shell) .c-shell small{position:relative;z-index:2;max-width:80%;margin-inline:auto}
body.offering:has(.c-shell) .c-shell b{font-size:10px}
body.offering:has(.c-shell) .c-shell strong{font-size:1.65rem}
body.offering:has(.c-shell) .c-shell small{font-size:9px;line-height:1.6;max-width:70%;color:#756851}
.shell-mat{position:absolute;inset:16px;background:#faf7ef;border:1px solid #d6cbb1;box-shadow:2px 4px 6px #5b492322;z-index:0;transform:rotate(-.6deg)}
.shell-mat::before,.shell-mat::after{content:'';position:absolute;width:24px;height:24px;border-color:#8d77555c;border-style:solid}
.shell-mat::before{left:13px;top:13px;border-width:1px 0 0 1px}.shell-mat::after{right:13px;bottom:13px;border-width:0 1px 1px 0}
.board-pin{position:absolute;width:34px;height:40px;z-index:5;pointer-events:none;overflow:visible;filter:drop-shadow(2px 4px 2px #2c190b55)}
.c-shell>.board-pin{left:calc(88% - 17px);top:-23px;transform:rotate(12deg)}
.ri-native>.board-pin{left:calc(50% - 17px);top:-24px}
.ri-steps article>.board-pin{left:-12px;top:-24px}
.placement-grid>div>.board-pin{left:12px;top:-24px}
body.offering:has(.c-shell) .ri-native::before,body.offering:has(.c-shell) .ri-steps article::before,body.offering:has(.c-shell) .placement-grid>div::before,body.offering:has(.c-shell) .ri-steps::before{display:none!important}
.board-wire,.step-wire,.shell-wire{position:absolute;pointer-events:none;overflow:visible;z-index:1}
.board-wire path,.step-wire path,.shell-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
.board-wire{left:0;top:0;width:100%;height:100%;z-index:0}
.step-wire{left:0;top:0;width:100%;height:65px}.shell-wire{inset:0;width:100%;height:100%;z-index:1}
body.offering:has(.c-shell) .ri-steps{margin-top:3rem;gap:2rem!important}
body.offering:has(.c-shell) .ri-steps article>span{padding-top:1.8rem}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(3)::before{background:#e8dfc7}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6)::before{background:#151515;border-top:4px solid #c4ad83}
body.offering:has(.c-shell) .wrap>.ri-section:nth-of-type(6){padding-top:4rem!important}
body.offering:has(.c-shell) .ri-close::before{background:#d2b48c!important;border-top:4px solid #af9169;border-bottom:1px solid #af9169}
body.offering:has(.c-shell) .ri-close{padding:4rem 0!important}
@media(max-width:820px){
body.offering:has(.c-shell) .wrap{width:calc(100% - 56px)!important}
body.offering:has(.c-shell) .ri-hero{grid-template-columns:1fr!important;gap:2.5rem;padding:2rem 0 3rem!important}
body.offering:has(.c-shell) .ri-hero h1{font-size:clamp(2.8rem,7.8vw,4rem)!important;line-height:1.04}
body.offering:has(.c-shell) .c-hero{aspect-ratio:4/3;max-width:520px;justify-self:center}
body.offering:has(.c-shell) .c-shell{padding:3rem 1rem;min-width:0;border-width:6px}
body.offering:has(.c-shell) .c-shell strong{font-size:1.35rem;max-width:88%}
body.offering:has(.c-shell) .c-shell small{font-size:8px;max-width:86%}
body.offering:has(.c-shell) .ri-steps{gap:2.5rem 1.4rem!important}
.board-wire path{stroke-width:1.8}.shell-mat{inset:10px}
}

/* Resume the board thread after the ink band and pin its end to the campaign CTA. */
.ri-close>.close-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.close-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
.ri-close>.ri-button{position:relative}
.ri-close>.close-pin{transform:rotate(-12deg)}
@media(max-width:820px){.close-wire path{stroke-width:1.8}}

/* Manifesto spec-table rules and flow-node vocabulary, scoped to C. */
body.offering:has(.c-shell) .ri-native .diagram-title{background:var(--kraft);color:#3b2a10;padding:12px 16px;margin:-24px -24px 20px;border-bottom:1px solid var(--kraft-d);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
body.offering:has(.c-shell) .brief-list>div,body.offering:has(.c-shell) .copy-fields>div{border-bottom:1px dashed var(--bd);padding:12px 0}
body.offering:has(.c-shell) .brief-list>div:last-child,body.offering:has(.c-shell) .copy-fields>div:last-child{border-bottom:0}
body.offering:has(.c-shell) .brief-matrix>div{background:#eae4d4;border-color:#b6aa8d;min-height:68px;border-radius:0}
body.offering:has(.c-shell) .brief-matrix b{font:500 1.15rem var(--serif)}
body.offering:has(.c-shell) .ev-grid{position:relative;gap:36px}
body.offering:has(.c-shell) .ev-claims{gap:36px}
body.offering:has(.c-shell) .ev-file,body.offering:has(.c-shell) .ev-yes,body.offering:has(.c-shell) .ev-no{position:relative;border-radius:0;box-shadow:2px 8px 10px #0003}
.ev-file>.board-pin,.ev-yes>.board-pin,.ev-no>.board-pin{left:14px;top:-24px}
body.offering:has(.c-shell) .ev-head{background:var(--kraft);color:#3b2a10;margin:-24px -24px 0;padding:15px 24px;border-bottom:1px solid var(--kraft-d)}
body.offering:has(.c-shell) .ev-file dl>div{border-bottom:1px dashed var(--bd)}
body.offering:has(.c-shell) .ev-file dl>div:last-child{border-bottom:0}
.evidence-wire,.workflow-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.evidence-wire path{fill:none;stroke:#df6a58;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #0007)}
.workflow-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
body.offering:has(.c-shell) .foot{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;margin-top:2.5rem;padding-top:2rem}
.footer-specimens{grid-column:1/-1;display:flex;align-items:center;gap:28px;position:relative;margin:0 0 2.5rem;padding-top:22px}
.footer-specimens::before{content:'';position:absolute;left:calc(35% + 22px);right:14%;top:13px;border-top:2px solid #c74335;transform:rotate(1deg);box-shadow:0 2px 1px #3c140a22}
.specimen-label{font:10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;max-width:35%;flex:1}
.specimen-tag{display:block;position:relative;padding:16px 22px;background:#faf7ef;border:1px solid #cdbfa5;box-shadow:2px 5px 7px #49311922;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;min-height:48px;flex:1}
.specimen-tag:first-of-type{transform:rotate(-1deg)}.specimen-tag:last-child{transform:rotate(1deg)}
.specimen-tag>.board-pin{left:14px;top:-24px}.specimen-tag:hover{text-decoration:underline;background:#eae4d4}
body.offering:has(.c-shell) .c-shell:has(picture){padding:0!important;display:block!important;min-height:0!important;aspect-ratio:21/9}
body.offering:has(.c-shell) .c-hero:has(picture){aspect-ratio:4/3}
.c-shell picture{position:absolute;inset:12px;z-index:1;display:block;overflow:hidden;background:#f4f1e6}
.c-shell picture img{display:block;width:100%;height:100%;object-fit:cover}
.c-shell:has(picture)>.shell-mat,.c-shell:has(picture)>.shell-wire{display:none}
.c-shell:has(picture)>b,.c-shell:has(picture)>strong,.c-shell:has(picture)>small{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:820px){
body.offering:has(.c-shell) .c-shell:has(picture){aspect-ratio:16/9}
body.offering:has(.c-shell) .c-hero:has(picture){aspect-ratio:4/3}
body.offering:has(.c-shell) .foot{grid-template-columns:1fr 1fr}
.footer-specimens{gap:20px;flex-wrap:wrap}.specimen-label{flex-basis:100%;max-width:100%}.footer-specimens::before{left:22px;right:35%;top:54px}
body.offering:has(.c-shell) .ev-grid{gap:36px}.workflow-wire path,.evidence-wire path{stroke-width:1.8}
}
@media(max-width:480px){
body.offering:has(.c-shell) .c-shell:has(picture){aspect-ratio:1}
body.offering:has(.c-shell) .c-shell[data-image-slot="WORKFLOW"]{aspect-ratio:4/3}
body.offering:has(.c-shell) .c-shell[data-image-slot="03"]{aspect-ratio:4/5}
body.offering:has(.c-shell) .foot{grid-template-columns:1fr;text-align:center}
.footer-specimens{gap:18px}.specimen-tag{padding:16px 12px;font-size:10px}.specimen-label{text-align:left}
body.offering:has(.c-shell) .ri-native .diagram-title{margin:-18px -18px 16px}
body.offering:has(.c-shell) .ev-head{margin:-24px -24px 0;display:block}.ev-stamp{margin-top:12px}
.c-shell picture{inset:8px}
}

/* Final alignment checks: headers are never clipped; specimen navigation is footer row one. */
body.offering:has(.c-shell) .ev-file{overflow:visible;padding:24px}
body.offering:has(.c-shell) .ri-native>.eyebrow{display:block;background:var(--kraft);color:#3b2a10;padding:12px 16px;margin:-24px -24px 20px;border-bottom:1px solid var(--kraft-d);font:11px var(--mono);letter-spacing:.08em}
body.offering:has(.c-shell) .foot{grid-template-areas:"spec spec spec" "l m r"!important;grid-template-columns:1fr 1fr 1fr!important}
.footer-specimens{grid-area:spec}
@media(min-width:99999px){body.offering:has(.c-shell) .wrap{max-width:1280px!important}body.offering:has(.c-shell) .ri-hero h1{font-size:76px!important}}
@media(max-width:820px){body.offering:has(.c-shell) .foot{grid-template-areas:"spec spec" "l r" "m m"!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){body.offering:has(.c-shell) .foot{grid-template-areas:"spec" "l" "r" "m"!important;grid-template-columns:1fr!important}body.offering:has(.c-shell) .ri-native>.eyebrow{margin:-18px -18px 16px}}
/* ===== board-page: the banner-studio language applied to other pages via body.board-page ===== */
body.board-page.board-page{--g:"Inter Tight","Helvetica Neue",Arial,sans-serif}
body.board-page.board-page{--bs-ink:#151515;--bs-ivory:#faf7ef;--bs-oat:#e8dfc7;--bs-tan:#d2b48c;--bs-red:#8b0000;--bs-mut:#6e6151}
body.board-page.board-page .wrap{max-width:1240px}
body.board-page.board-page h2{font-family:var(--g)!important;font-weight:600!important;letter-spacing:-.035em;word-spacing:0}
body.board-page.board-page h1,body.board-page.board-page h2{word-spacing:-.06em;font-family:"ITWeralionis","EB Garamond",Georgia,serif!important;font-weight:400!important;font-style:normal;letter-spacing:-.012em;text-wrap:balance}
body.board-page.board-page .ri-hero h1{font-size:clamp(3.4rem,7.4vw,6.6rem)!important;line-height:.94;margin:.9rem 0 1.6rem}
body.board-page.board-page .ri-section h2{font-size:clamp(2.5rem,4.6vw,4rem)!important;line-height:1;margin:.8rem 0 2.4rem;max-width:16ch}
body.board-page.board-page h3,body.board-page.board-page .ri-feature>div:first-child>h3,body.board-page.board-page .ri-steps h3,body.board-page.board-page .ri-cards h3,body.board-page.board-page .ri-section h3{font-family:"EB Garamond",Georgia,serif!important;font-weight:500!important;font-style:italic;font-size:clamp(1.6rem,2.2vw,2.1rem)!important;line-height:1.12;letter-spacing:-.01em}
body.board-page.board-page .eyebrow{font-family:var(--mono);font-size:11px!important;letter-spacing:.14em;color:var(--bs-red)!important}
body.board-page.board-page .ri-hero>div>p,body.board-page.board-page .ri-section>p{font-size:1.32rem;line-height:1.55;max-width:34em;color:#2b2620}
body.board-page.board-page .ri-section{position:relative;border:0!important;padding:5rem 0 4.5rem!important;margin:0!important}
body.board-page.board-page .ri-hero{padding:3.5rem 0 4.5rem!important;align-items:center;gap:4rem;grid-template-columns:1fr 1.12fr}
body.board-page.board-page .ri-section::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;pointer-events:none}
body.board-page.board-page .wrap>.ri-section.bp-oat::before{background:linear-gradient(180deg,rgba(236,230,211,0) 0,var(--bs-oat) 14%,var(--bs-oat) 86%,rgba(236,230,211,0) 100%)}
body.board-page.board-page .wrap>.ri-section.bp-ink::before{background:linear-gradient(180deg,rgba(21,21,21,0) 0,#151515 9%,#151515 100%)}
body.board-page.board-page .wrap>.ri-section.bp-ink{color:#f4f1e6;padding-top:7rem!important}
body.board-page.board-page .wrap>.ri-section.bp-ink h2,body.board-page.board-page .wrap>.ri-section.bp-ink>p{color:#f4f1e6}
body.board-page.board-page .wrap>.ri-section.bp-ink .eyebrow{color:var(--bs-tan)!important}
body.board-page.board-page .wrap>.ri-section.bp-ink .source-note{color:#a89879}
body.board-page.board-page .wrap>.ri-section.bp-ink .ev-file,body.board-page.board-page .wrap>.ri-section.bp-ink .ev-claims>div{color:#151515}
body.board-page.board-page .ri-close{text-align:left;padding:7rem 0 6.5rem!important}
body.board-page.board-page .ri-close::before{background:linear-gradient(180deg,#151515 0,var(--bs-tan) 20%,var(--bs-tan) 80%,#f3f0e4 100%)!important}
body.board-page.board-page .ri-close h2{font-size:clamp(3.2rem,8vw,7.4rem)!important;line-height:.92;max-width:11ch;color:#151515}
body.board-page.board-page .ri-close>p{color:#2b2620;font-size:1.35rem}
body.board-page.board-page .ri-close .eyebrow{color:#151515!important}
body.board-page.board-page .ri-close .ri-button{background:#151515;color:#f4f1e6;font-size:13px;padding:1.1rem 1.8rem}
body.board-page.board-page .ri-close-alt,body.board-page.board-page .ri-close-alt a{color:#2b2620}
body.board-page.board-page .ri-photo{transform:rotate(1.4deg);box-shadow:0 30px 60px -28px rgba(60,40,20,.5),0 2px 0 rgba(60,40,20,.12);border-radius:3px;position:relative}
body.board-page.board-page .ri-photo::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:rgba(210,180,140,.7);transform:rotate(-2deg);z-index:2}
body.board-page.board-page .ri-hero .ri-button{font-size:13px;padding:1.1rem 1.8rem}
body.board-page.board-page .ri-cards{display:block!important;border-top:1px solid #151515;counter-reset:bsr}
body.board-page.board-page .ri-cards article{display:grid!important;grid-template-columns:5rem 1fr 1.25fr;gap:2rem;align-items:baseline;border:0!important;border-bottom:1px solid #c9bda3!important;background:none!important;box-shadow:none!important;padding:2.2rem 0!important;counter-increment:bsr}
body.board-page.board-page .ri-cards article::before{content:"0" counter(bsr);font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--bs-red)}
body.board-page.board-page .ri-cards article h3{margin:0!important;font-size:clamp(1.9rem,3vw,2.7rem)!important}
body.board-page.board-page .ri-cards article p{margin:0!important;font-size:1.22rem!important;line-height:1.55;color:#2b2620}
body.board-page.board-page .ri-steps{display:grid!important;grid-template-columns:repeat(4,1fr);gap:2.4rem!important;position:relative;margin-bottom:4rem}
body.board-page.board-page .ri-steps::before{content:"";position:absolute;left:0;right:0;top:.55rem;border-top:2px dotted var(--bs-red);z-index:0}
body.board-page.board-page .ri-steps article{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;position:relative}
body.board-page.board-page .ri-steps article>span{display:inline-block;background:var(--bs-oat);padding:0 .7rem 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--bs-red);position:relative;z-index:1}
body.board-page.board-page .ri-steps article h3{margin:1.4rem 0 .5rem!important;font-size:2.2rem!important}
body.board-page.board-page .ri-steps article p{font-size:1.15rem!important;line-height:1.5}
body.board-page.board-page .sb-fig{background:none;box-shadow:0 30px 60px -34px rgba(60,40,20,.45);border-radius:3px}
body.board-page.board-page .ri-feature{align-items:center;gap:5rem;margin:0 0 5.5rem!important}
body.board-page.board-page .ri-feature>div:first-child h3{font-size:clamp(2rem,3.2vw,2.9rem)!important;margin-bottom:1rem!important}
body.board-page.board-page .ri-feature>div:first-child p{font-size:1.25rem!important;line-height:1.55;max-width:30em}
body.board-page.board-page .ri-native{position:relative;background:var(--bs-ivory)!important;border:1px solid #d9cfb6!important;border-radius:3px!important;box-shadow:0 26px 50px -30px rgba(60,40,20,.5);transform:rotate(-.9deg);padding:2rem!important}
body.board-page.board-page .ri-feature.reverse .ri-native,body.board-page.board-page .ri-feature:nth-of-type(even) .ri-native{transform:rotate(.8deg)}
body.board-page.board-page .ri-native::before{content:"";position:absolute;top:-9px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--bs-red);box-shadow:0 3px 4px rgba(0,0,0,.3)}
body.board-page.board-page .placement-grid{gap:1.2rem!important}
body.board-page.board-page .placement-grid>div{background:var(--bs-ivory)!important;border:1px solid #d9cfb6!important;border-radius:3px;box-shadow:0 14px 30px -22px rgba(60,40,20,.5)}
body.board-page.board-page .offering-cross{margin:0!important;padding:3rem 0 4rem;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:820px){
body.board-page.board-page .ri-hero{grid-template-columns:1fr;gap:2.4rem;padding:2.5rem 0 4rem!important}
body.board-page.board-page .ri-hero h1{font-size:3.4rem!important}
body.board-page.board-page .ri-section{padding:3.5rem 0 3rem!important}
body.board-page.board-page .ri-cards article{grid-template-columns:1fr;gap:.6rem;padding:1.6rem 0!important}
body.board-page.board-page .ri-steps{grid-template-columns:1fr 1fr;gap:2rem 1.4rem}
body.board-page.board-page .ri-steps::before{display:none}
body.board-page.board-page .ri-feature{gap:2.2rem;margin-bottom:3.5rem!important}
body.board-page.board-page .ri-close h2{font-size:3.6rem!important}
body.board-page.board-page .ri-photo{transform:rotate(.8deg)}
}
body.board-page.board-page .ri-close-alt,body.board-page.board-page .ri-close-alt a{font:1.15rem/1.4 "EB Garamond",Georgia,serif!important}
body.board-page.board-page .wrap{isolation:isolate}
body.board-page.board-page .ri-close{background:none!important;border:0!important;box-shadow:none!important}
body.board-page.board-page .ri-close h2{word-spacing:-.14em}
body.board-page.board-page .ri-section h2,body.board-page.board-page .ri-close h2{font-family:var(--g)!important;font-weight:600!important;letter-spacing:-.035em;word-spacing:0!important}
body.board-page.board-page .ri-section h2{font-size:clamp(2.3rem,4.2vw,3.5rem)!important}
body.board-page.board-page .ri-close h2{font-size:clamp(3rem,7vw,6.2rem)!important;line-height:.95;max-width:12ch}
body.board-page.board-page h3,body.board-page.board-page .ri-section h3{font-style:italic!important;font-weight:400!important}
body.board-page.board-page .ri-button{border-radius:999px!important}
body.board-page.board-page .ri-steps article>span{background:none;padding:0}
body.board-page.board-page .ri-steps::before{border-top:2px dashed var(--bs-red);opacity:.7}
body.board-page.board-page .ri-steps article::before{content:"";position:absolute;left:0;top:-.15rem;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e98a7e,#c74335 60%,#7d1f17);box-shadow:1px 3px 3px rgba(40,25,5,.4)}
body.board-page.board-page .ri-steps article>span{display:block;padding-top:1.6rem}
body.board-page.board-page .sb-fig,body.board-page.board-page .ev-file{position:relative}
body.board-page.board-page .sb-fig::before,body.board-page.board-page .ev-file::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;background:rgba(226,208,160,.84);box-shadow:0 1px 2px rgba(60,40,10,.2);transform:rotate(-2.5deg);z-index:2}
body.board-page.board-page .ev-file{border-radius:3px}
body.board-page.board-page .placement-grid>div{position:relative}
body.board-page.board-page .placement-grid>div::before{content:"";position:absolute;top:-7px;left:18px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9c9c4 40%,#7d7d78);box-shadow:1px 3px 3px rgba(40,25,5,.4)}
body.board-page.board-page .c-shell{position:relative;margin:3rem 0 0;aspect-ratio:21/9;display:grid;place-content:center;gap:.5rem;text-align:center;padding:1.5rem;background:repeating-linear-gradient(135deg,#efe8d4 0 14px,#eae2ca 14px 28px);border:1.5px dashed #a08f6c;border-radius:3px;box-shadow:0 26px 50px -34px rgba(60,40,20,.5);font-family:var(--mono);color:#4a4132}
body.board-page.board-page .c-shell::before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;background:rgba(226,208,160,.84);transform:rotate(-2deg)}
body.board-page.board-page .c-shell b{font-weight:400;font-size:12px;letter-spacing:.16em;color:var(--bs-red)}
body.board-page.board-page .c-shell strong{font:italic 400 1.7rem/1.1 "EB Garamond",Georgia,serif;color:#151515}
body.board-page.board-page .c-shell small{font-size:11px;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}
@media(max-width:820px){body.board-page.board-page .c-shell{aspect-ratio:1/1;margin-top:2.6rem}body.board-page.board-page .c-shell strong{font-size:1.35rem}}
@media(min-width:821px) and (max-width:1100px){body.board-page.board-page .c-shell{aspect-ratio:16/9}}
body.board-page.board-page .c-hero{margin:0;aspect-ratio:4/3;width:100%;align-self:stretch;max-height:560px}
body.board-page.board-page .c-hero::before{margin-left:-55px}
@media(min-width:821px){body.board-page.board-page .ri-hero{grid-template-columns:1.1fr 1fr}body.board-page.board-page .ri-hero h1{font-size:clamp(3.2rem,5.6vw,5rem)!important}}
body.board-page.board-page .source-note{max-width:none!important;margin:2.5rem 0 0!important;padding-top:1.2rem;border-top:1px solid #c9bda3;font:12px/1.6 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:#5b5346}
body.board-page.board-page .wrap>.ri-section.bp-ink .source-note{border-color:#3a362e;color:#a89879}
body.board-page.board-page .ev-file::before{left:55%;width:80px;margin-left:0}
@media(max-width:820px){body.board-page.board-page .c-hero{aspect-ratio:1/1;max-height:none}}
@media(max-width:820px){body.board-page.board-page .ri-hero{grid-template-columns:1fr!important}}
body.board-page.board-page .wrap{width:calc(100% - 112px)!important;max-width:1120px!important;position:relative}
body.board-page.board-page .ri-hero{grid-template-columns:1.3fr 1fr!important;gap:48px;align-items:center;padding:4rem 0 5rem!important}
body.board-page.board-page .ri-hero h1{font-size:clamp(3.4rem,5.3vw,4.8rem)!important;max-width:none;line-height:1.02;text-wrap:initial;letter-spacing:-.025em}
body.board-page.board-page .c-hero{align-self:center;max-height:none;aspect-ratio:4/3;transform:rotate(1.2deg);margin:0!important}
body.board-page.board-page .c-shell{background:#e9e1cc;background-image:radial-gradient(#8d77551c .7px,transparent .7px);background-size:5px 5px;border:8px solid #c4ad83;outline:1px solid #ad936b;border-radius:1px;isolation:isolate;overflow:visible;padding:3rem 2rem;box-shadow:2px 12px 20px -12px #49311988}
body.board-page.board-page .c-shell::before{left:15%;top:-18px;width:86px;height:28px;transform:rotate(-13deg);margin:0;background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.board-page.board-page .c-shell::after{content:'';position:absolute;right:7%;bottom:-17px;width:72px;height:27px;background:#e2d0a0cf;transform:rotate(-19deg);box-shadow:0 1px 2px #49311933;z-index:3}
body.board-page.board-page .c-shell b,body.board-page.board-page .c-shell strong,body.board-page.board-page .c-shell small{position:relative;z-index:2;max-width:80%;margin-inline:auto}
body.board-page.board-page .c-shell b{font-size:10px}
body.board-page.board-page .c-shell strong{font-size:1.65rem}
body.board-page.board-page .c-shell small{font-size:9px;line-height:1.6;max-width:70%;color:#756851}
body.board-page.board-page .ri-native::before,body.board-page.board-page .ri-steps article::before,body.board-page.board-page .placement-grid>div::before,body.board-page.board-page .ri-steps::before{display:none!important}
body.board-page.board-page .ri-steps{margin-top:3rem;gap:2rem!important}
body.board-page.board-page .ri-steps article>span{padding-top:1.8rem}
body.board-page.board-page .wrap>.ri-section.bp-oat::before{background:#e8dfc7}
body.board-page.board-page .wrap>.ri-section.bp-ink::before{background:#151515;border-top:4px solid #c4ad83}
body.board-page.board-page .wrap>.ri-section.bp-ink{padding-top:4rem!important}
body.board-page.board-page .ri-close::before{background:#d2b48c!important;border-top:4px solid #af9169;border-bottom:1px solid #af9169}
body.board-page.board-page .ri-close{padding:4rem 0!important}
@media(max-width:820px){
body.board-page.board-page .wrap{width:calc(100% - 56px)!important}
body.board-page.board-page .ri-hero{grid-template-columns:1fr!important;gap:2.5rem;padding:2rem 0 3rem!important}
body.board-page.board-page .ri-hero h1{font-size:clamp(2.8rem,7.8vw,4rem)!important;line-height:1.04}
body.board-page.board-page .c-hero{aspect-ratio:4/3;max-width:520px;justify-self:center}
body.board-page.board-page .c-shell{padding:3rem 1rem;min-width:0;border-width:6px}
body.board-page.board-page .c-shell strong{font-size:1.35rem;max-width:88%}
body.board-page.board-page .c-shell small{font-size:8px;max-width:86%}
body.board-page.board-page .ri-steps{gap:2.5rem 1.4rem!important}
.board-wire path{stroke-width:1.8}.shell-mat{inset:10px}
}
body.board-page.board-page .ri-native .diagram-title{background:var(--kraft);color:#3b2a10;padding:12px 16px;margin:-24px -24px 20px;border-bottom:1px solid var(--kraft-d);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
body.board-page.board-page .brief-list>div,body.board-page.board-page .copy-fields>div{border-bottom:1px dashed var(--bd);padding:12px 0}
body.board-page.board-page .brief-list>div:last-child,body.board-page.board-page .copy-fields>div:last-child{border-bottom:0}
body.board-page.board-page .brief-matrix>div{background:#eae4d4;border-color:#b6aa8d;min-height:68px;border-radius:0}
body.board-page.board-page .brief-matrix b{font:500 1.15rem var(--serif)}
body.board-page.board-page .ev-grid{position:relative;gap:36px}
body.board-page.board-page .ev-claims{gap:36px}
body.board-page.board-page .ev-file,body.board-page.board-page .ev-yes,body.board-page.board-page .ev-no{position:relative;border-radius:0;box-shadow:2px 8px 10px #0003}
body.board-page.board-page .ev-head{background:var(--kraft);color:#3b2a10;margin:-24px -24px 0;padding:15px 24px;border-bottom:1px solid var(--kraft-d)}
body.board-page.board-page .ev-file dl>div{border-bottom:1px dashed var(--bd)}
body.board-page.board-page .ev-file dl>div:last-child{border-bottom:0}
body.board-page.board-page .foot{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;margin-top:2.5rem;padding-top:2rem}
body.board-page.board-page .c-shell:has(picture){padding:0!important;display:block!important;min-height:0!important;aspect-ratio:21/9}
body.board-page.board-page .c-hero:has(picture){aspect-ratio:4/3}
@media(max-width:820px){
body.board-page.board-page .c-shell:has(picture){aspect-ratio:16/9}
body.board-page.board-page .c-hero:has(picture){aspect-ratio:4/3}
body.board-page.board-page .foot{grid-template-columns:1fr 1fr}
.footer-specimens{gap:20px;flex-wrap:wrap}.specimen-label{flex-basis:100%;max-width:100%}.footer-specimens::before{left:22px;right:35%;top:54px}
body.board-page.board-page .ev-grid{gap:36px}.workflow-wire path,.evidence-wire path{stroke-width:1.8}
}
@media(max-width:480px){
body.board-page.board-page .c-shell:has(picture){aspect-ratio:1}
body.board-page.board-page .c-shell[data-image-slot="WORKFLOW"]{aspect-ratio:4/3}
body.board-page.board-page .c-shell[data-image-slot="03"]{aspect-ratio:4/5}
body.board-page.board-page .foot{grid-template-columns:1fr;text-align:center}
.footer-specimens{gap:18px}.specimen-tag{padding:16px 12px;font-size:10px}.specimen-label{text-align:left}
body.board-page.board-page .ri-native .diagram-title{margin:-18px -18px 16px}
body.board-page.board-page .ev-head{margin:-24px -24px 0;display:block}.ev-stamp{margin-top:12px}
.c-shell picture{inset:8px}
}
body.board-page.board-page .ev-file{overflow:visible;padding:24px}
body.board-page.board-page .ri-native>.eyebrow{display:block;background:var(--kraft);color:#3b2a10;padding:12px 16px;margin:-24px -24px 20px;border-bottom:1px solid var(--kraft-d);font:11px var(--mono);letter-spacing:.08em}
body.board-page.board-page .foot{grid-template-areas:"spec spec spec" "l m r"!important;grid-template-columns:1fr 1fr 1fr!important}
@media(min-width:99999px){body.board-page.board-page .wrap{max-width:1280px!important}body.board-page.board-page .ri-hero h1{font-size:76px!important}}
@media(max-width:820px){body.board-page.board-page .foot{grid-template-areas:"spec spec" "l r" "m m"!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){body.board-page.board-page .foot{grid-template-areas:"spec" "l" "r" "m"!important;grid-template-columns:1fr!important}body.board-page.board-page .ri-native>.eyebrow{margin:-18px -18px 16px}}
/* photo variant: existing lp/*.webp hero held in a taped frame with its figcaption as the paper label */
body.board-page .ri-hero .ri-photo{align-self:center;overflow:visible;background:#e9e1cc;background-image:radial-gradient(#8d77551c .7px,transparent .7px);background-size:5px 5px;border:8px solid #c4ad83;outline:1px solid #ad936b;border-radius:1px;transform:rotate(1.2deg);margin:0;position:relative;isolation:isolate;box-shadow:2px 12px 22px #4931192e}
body.board-page .ri-hero .ri-photo::before{content:'';position:absolute;left:15%;top:-26px;width:86px;height:28px;transform:rotate(-13deg);margin:0;background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.board-page .ri-hero .ri-photo::after{content:'';position:absolute;right:7%;bottom:-25px;width:72px;height:27px;background:#e2d0a0cf;transform:rotate(-19deg);box-shadow:0 1px 2px #49311933;z-index:3}
body.board-page .ri-photo>.board-pin{left:calc(88% - 17px);top:-31px;transform:rotate(12deg)}
body.board-page .ri-photo img{border-bottom:1px solid #d6cbb1}
body.board-page .ri-photo figcaption{background:#faf7ef;border-top:0}
body.board-page .ev-claims{position:relative}
body.board-page .footer-specimens.one::before{display:none}
body.board-page .footer-specimens.one .specimen-tag{flex:0 1 240px}
body.board-page .ri-comparison h2{font-family:var(--g)!important;font-weight:600!important;letter-spacing:-.035em;word-spacing:0;font-size:clamp(2.5rem,4.6vw,4rem)!important;line-height:1;margin:.8rem 0 2.4rem;max-width:18ch}
body.board-page .ri-comparison .eyebrow{font-family:var(--mono);font-size:11px!important;letter-spacing:.14em;color:var(--bs-red)!important}
@media(max-width:820px){body.board-page .ri-comparison h2{font-size:clamp(2.3rem,8vw,3rem)!important}}
/* contact: the envelope is tied by thread to a pinned button */
body.board-contact .ct{position:relative}
body.board-contact .contact-action{position:relative;overflow:hidden;border-radius:7px}
body.board-contact .contact-action svg{margin:0;align-self:stretch;height:auto;box-sizing:border-box;width:43px;padding:10px 13px}
body.board-contact .ct>.contact-pin{transform:rotate(-12deg)}
body.board-contact .contact-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
body.board-contact .contact-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
@media(max-width:820px){body.board-contact .contact-wire path{stroke-width:1.8}}
/* manifesto: letter taped and pinned, thread down the gutter to the pinned company tag in the footer */
body.board-mani .letter{position:relative}
body.board-mani .letter::before{content:'';position:absolute;left:18%;top:-16px;width:92px;height:28px;transform:rotate(-8deg);background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.board-mani .letter>.letter-pin{left:calc(86% - 17px);top:-26px;transform:rotate(12deg)}
body.board-mani .foot .fc.m{position:relative;background:#faf7ef;border:1px solid #cdbfa5;box-shadow:2px 5px 7px #49311922;padding:1.4rem 1rem 1rem;transform:rotate(-.6deg)}
body.board-mani .foot .fc.m>.foot-pin{left:14px;top:-24px}
body.board-mani{position:relative}
body.board-mani .mani-wire{position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:visible;z-index:0}
body.board-mani .mani-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
@media(max-width:1000px){body.board-mani .mani-wire{display:none}}
/* blog index: featured card taped and pinned, thread down the gutter to the list */
body.board-blog .wrap{position:relative}
body.board-blog .feat{position:relative;overflow:visible}
body.board-blog .feat::before{content:'';position:absolute;left:12%;top:-15px;width:88px;height:27px;transform:rotate(-7deg);background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.board-blog .feat>.feat-pin{left:calc(88% - 17px);top:-26px;transform:rotate(12deg)}
body.board-blog .rows{position:relative}
body.board-blog .rows>.rows-pin{left:calc(100% - 22px);top:-24px}
body.board-blog .blog-wire{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
body.board-blog .blog-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
@media(max-width:1000px){body.board-blog .blog-wire{display:none}}
/* article pilot: hero taped and pinned, footer company block as a pinned specimen tag. Body copy untouched. */
body.board-art .hero-frame{position:relative}
body.board-art .hero-frame::before{content:'';position:absolute;left:12%;top:-15px;width:92px;height:28px;transform:rotate(-7deg);background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
body.board-art .hero-frame>.board-pin{left:calc(88% - 17px);top:-26px;transform:rotate(12deg)}
body.board-art .foot .fc.m{position:relative;background:#faf7ef;border:1px solid #cdbfa5;box-shadow:2px 5px 7px #49311922;padding:1.4rem 1rem 1rem;transform:rotate(-.6deg)}
body.board-art .foot .fc.m>.foot-pin{left:14px;top:-24px}
/* chat2shop workflow: the flat diagram becomes pinned specimen tags tied by red thread. Labels unchanged. */
body:is(.board-page,.cs-page) .offering-system{position:relative;background:none!important;border:0!important;box-shadow:none!important;padding:8px 0 0!important;display:flex;flex-direction:column;gap:74px;margin-top:3.2rem}
body:is(.board-page,.cs-page) .offering-system .diagram-line{display:none!important}
body:is(.board-page,.cs-page) .offering-system .diagram-title{align-self:flex-start;background:#d9c394!important;color:#3b2a10!important;border:0!important;margin:0 0 -34px!important;padding:8px 16px!important;font:11px var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-1.4deg);box-shadow:1px 3px 4px #49311926;position:relative;z-index:2}
body:is(.board-page,.cs-page) .offering-system .diagram-row{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 30px;position:relative;z-index:2}
body:is(.board-page,.cs-page) .offering-system .diagram-node{position:relative;display:block;flex:0 1 auto;min-width:200px;text-align:center;background:#faf7ef!important;border:1px solid #cdbfa5!important;border-radius:2px!important;padding:20px 30px!important;font-size:1.15rem;box-shadow:2px 5px 7px #49311926}
body:is(.board-page,.cs-page) .offering-system .diagram-row:first-of-type .diagram-node{margin-bottom:6px}
body:is(.board-page,.cs-page) .offering-system .diagram-node:nth-child(odd){transform:rotate(-1.1deg)}
body:is(.board-page,.cs-page) .offering-system .diagram-node:nth-child(even){transform:rotate(.9deg)}
body:is(.board-page,.cs-page) .offering-system .diagram-core{position:relative;z-index:2;align-self:center;width:min(440px,100%);box-sizing:border-box;text-align:center;background:#d2b48c!important;border:0!important;border-radius:2px!important;padding:26px 30px!important;box-shadow:2px 8px 12px #49311933;transform:rotate(.5deg)}
body:is(.board-page,.cs-page) .offering-system .diagram-core::before{content:'';position:absolute;left:50%;top:-14px;width:96px;height:26px;margin-left:-48px;transform:rotate(-3deg);background:#e8dcb8d9;box-shadow:0 2px 2px #49311922}
body:is(.board-page,.cs-page) .offering-system .diagram-label{color:#5a4524!important}
body:is(.board-page,.cs-page) .offering-system .diagram-core strong{color:#151515!important}
body:is(.board-page,.cs-page) .offering-system .dn-pin{position:absolute;left:50%;margin-left:-17px;width:34px;height:40px;z-index:4;pointer-events:none;filter:drop-shadow(1px 3px 2px #3c140a55)}
body:is(.board-page,.cs-page) .offering-system .dn-pin.top{top:-22px}
body:is(.board-page,.cs-page) .offering-system .dn-pin.bot{bottom:-26px}
body:is(.board-page,.cs-page) .offering-system .dn-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
body:is(.board-page,.cs-page) .offering-system .dn-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
@media(max-width:820px){body:is(.board-page,.cs-page) .offering-system .dn-wire path{stroke-width:1.8}body:is(.board-page,.cs-page) .offering-system{gap:60px}body:is(.board-page,.cs-page) .offering-system .diagram-node{min-width:0;width:100%;box-sizing:border-box}}
body:is(.board-page,.cs-page) .offering-system.dn-stack .dn-pin{left:-26px!important;margin:0!important;top:calc(50% - 22px)!important;bottom:auto!important}
/* retail-intelligence: case study card as a taped paper specimen; steps as pinned tags tied by thread. Copy unchanged. */
body.board-page .ev-case{position:relative;overflow:visible!important;background:#faf7ef!important;border:1px solid #cdbfa5!important;border-radius:2px!important;box-shadow:2px 8px 12px #0003;margin-top:3.2rem!important;transform:rotate(-.25deg)}
body.board-page .ev-case:hover{transform:rotate(-.25deg) translateY(-3px);box-shadow:2px 12px 16px #0004}
body.board-page .ev-case .ev-strip{position:absolute;left:28px;top:-15px;display:flex;gap:14px;align-items:center;background:#d9c394!important;color:#3b2a10!important;border:0!important;border-radius:0!important;padding:8px 16px!important;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-1.6deg);box-shadow:1px 3px 4px #49311926;z-index:2}
body.board-page .ev-case .ev-im{background:none!important;padding:3rem 1rem 1rem!important}
body.board-page .ev-case .ev-im svg rect[fill="#faf7ef"]{fill:#fffdf6;stroke:#cdbfa5;filter:drop-shadow(1px 3px 3px rgba(73,49,25,.22))}
body.board-page .ev-case .ev-im svg path[stroke-dasharray]{stroke:#c74335!important;stroke-dasharray:none!important;stroke-width:2.2;stroke-linecap:round;fill:none}
body.board-page .ev-case .ev-bd{background:none!important;border-top:1px dashed #cdbfa5;margin:0 1.6rem;padding:1.6rem 0 1.8rem!important}
body.board-page .ev-case .ev-bd h3{color:#151515!important}
body.board-page .ev-case .ev-bd p{color:#4d4435!important}
body.board-page .ev-case .ev-read{background:#d2b48c!important;color:#151515!important;border:1px solid #151515;border-radius:7px!important;box-shadow:none}
body.board-page .ev-case:hover .ev-read,body.board-page .ev-case:focus-visible .ev-read{background:#151515!important;color:#f4f1e6!important}
body.board-page .ev-file .ev-head{background:none!important;color:#151515!important;margin:-4px 0 0!important;padding:4px 0 16px!important;border-bottom:1px solid #bda57a!important}
body.board-page .ev-file .ev-stamp{display:inline-block;border:1.5px solid #3f6b3a;color:#3f6b3a;padding:3px 10px;border-radius:3px;transform:rotate(-3deg);letter-spacing:.12em}
body.board-page .ev-case .ev-im svg{width:min(100%,860px)!important;max-width:none!important;height:auto!important;display:block;margin:0 auto}
body.board-page .ev-case .ev-im{padding:2.6rem 1.6rem 1.4rem!important}
body.board-page .ev-case .ev-im img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:460px;object-fit:cover;border-radius:2px;box-shadow:1px 4px 8px #49311933}
/* banner-studio: transparent cut-out images sit on the page's own paper frame; shadow is CSS, never baked in */
.c-shell picture.tr{background:none!important;display:block!important;inset:8px}
.c-shell picture.tr img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;padding:2.5% 3%;box-sizing:border-box;filter:drop-shadow(2px 7px 8px rgba(73,49,25,.28))}
/* banner studio: wide slots are 2:1 on desktop (were 21:9) so the objects can fill the frame */
@media(min-width:821px){body.offering:has(.c-shell) .c-shell:has(picture):not(.c-hero),body.board-page.board-page .c-shell:has(picture):not(.c-hero){aspect-ratio:2/1!important}}
/* banner studio placements: cards grow to hold the real banner art (was fixed-height gray boxes) */
body.offering .placement-grid{grid-template-rows:none!important;grid-auto-rows:auto!important;height:auto!important;align-items:start}
body.offering .placement-grid>div{height:auto!important;padding-bottom:18px}
body.offering .placement-grid .placement-fold{height:auto!important;display:block!important;padding:10px 0 8px!important}
body.offering .placement-grid .placement-size{display:block;text-align:right;margin-top:6px}
/* one button system: primary pill, same size/arrow/hover on every page, hero + footer */
.ri-button{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 28px!important;border:0;border-radius:999px!important;background:#1f1b15!important;color:#f4f1e6!important;font:500 12px/1 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 14px -8px rgba(31,27,21,.55);transition:background .18s,transform .18s,box-shadow .18s}
.ri-button::before{content:none!important}
.ri-button::after{content:"→"!important;display:inline-block;font-size:15px;line-height:1;transform:none;transition:transform .18s;background:none!important;border:0!important;position:static!important;width:auto!important;height:auto!important}
.ri-button:hover{background:#c74335!important;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 10px 18px -8px rgba(199,67,53,.55)}
.ri-button:hover::after{transform:translateX(4px)}
.ri-button:active{transform:translateY(0)}
.ri-button:focus-visible,.ri-textlink:focus-visible{outline:2px solid #c74335;outline-offset:3px}
.ri-hero>div>.ri-button{margin-top:20px}
.ri-hero>div>.ri-textlink{display:inline-flex;align-items:center;min-height:52px;margin:20px 0 0 22px;padding:0;vertical-align:top;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#1f1b15;border-bottom:0;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.ri-hero>div>.ri-textlink:hover{color:#c74335}
.ri-close .ri-button{margin-top:22px}
@media(max-width:560px){.ri-button{width:100%}.ri-hero>div>.ri-textlink{margin-left:0;width:100%;justify-content:center}}
.ri-textlink::after{margin-left:.7em}
.ri-button::after{font-size:16px!important}
@media(max-width:700px){body.offering .placement-grid{grid-template-columns:1fr!important}body.offering .placement-grid .placement-art{width:100%!important}}
/* product UI frames: real studio captures, anonymized; flat window on the board mat */
.c-shell.ui-frame picture.tr img{border-radius:8px;border:1px solid rgba(70,52,28,.22);background:#fbfaf6;object-fit:cover;box-shadow:0 14px 30px -14px rgba(40,28,12,.45),0 2px 4px rgba(40,28,12,.12);filter:none!important}
@media(min-width:821px){body.offering .c-shell.ui-frame:has(picture){aspect-ratio:2/1!important}}
body.offering .c-shell.ui-frame{margin-bottom:72px!important}
/* Chat2Shop illustrative UI, built in code. 1 design px = var(--u) */
.c2s-frame{container-type:inline-size}
.c2s-ui{--u:calc(100cqw/1200);position:absolute;inset:0;margin:calc(var(--u)*14);border-radius:8px;overflow:hidden;background:#faf8f3;font-family:Inter,system-ui,sans-serif;color:#1a1c2e;display:flex;flex-direction:column}
.c2s-ui *{box-sizing:border-box;margin:0}
.c2s-ui b,.c2s-ui small,.c2s-ui p,.c2s-ui i,.c2s-ui span,.c2s-ui div{font-family:inherit;letter-spacing:0;text-transform:none;text-align:left;font-style:normal;text-indent:0}
.c2s-ui .u-why p,.c2s-ui .u-m{color:inherit}
.c2s-ui .u-btn,.c2s-ui .u-co{text-align:center}
.c2s-ui .u-why{text-align:left;justify-items:start}
.u-top{display:flex;align-items:center;gap:calc(var(--u)*18);height:calc(var(--u)*44);padding:0 calc(var(--u)*20);border-bottom:1px solid #e6e1d4;background:#fcfbf8}
.u-logo{font-weight:800;letter-spacing:.22em;font-size:calc(var(--u)*15);color:#1f2a6b}
.u-sub{font-size:calc(var(--u)*12);color:#6b6a68}
.c2s-ui .u-ill{margin-left:auto;font-size:calc(var(--u)*11);color:#7a5420;background:#f3e6c9;border-radius:99px;padding:calc(var(--u)*3) calc(var(--u)*10);white-space:nowrap}
.u-cart{background:#1f2a6b;color:#fff;font-size:calc(var(--u)*11);font-weight:700;border-radius:99px;padding:calc(var(--u)*2) calc(var(--u)*8)}
.u-body{flex:1;display:grid;grid-template-columns:23% 1fr 21%;min-height:0}
.u-rail{padding:calc(var(--u)*16);border-right:1px solid #e6e1d4;background:#fbfaf6;display:flex;flex-direction:column;gap:calc(var(--u)*12)}
.u-bubble{align-self:flex-end;background:#1f2a6b;color:#fff;font-size:calc(var(--u)*13);padding:calc(var(--u)*9) calc(var(--u)*12);border-radius:calc(var(--u)*8)}
.u-why{border:1px solid #e6e1d4;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12);background:#fff;font-size:calc(var(--u)*12);line-height:1.45;display:grid;gap:calc(var(--u)*6)}
.c2s-ui .u-wh{font-size:calc(var(--u)*12.5);color:#1a1c2e}
.c2s-ui .u-why p{font-size:calc(var(--u)*12);line-height:1.45;color:#3a3c4e}
.u-note{border:1px solid #e6e1d4;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8) calc(var(--u)*10);background:#f1f6f1;font-size:calc(var(--u)*11.5);color:#2a4d34}
.u-ask{margin-top:auto;border:1px solid #d9d4c6;border-radius:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*12);font-size:calc(var(--u)*12);color:#8a877f;background:#fff}
.u-main{padding:calc(var(--u)*16);background:#f3f1ea;min-width:0}
.u-chips{display:flex;gap:calc(var(--u)*8)}
.u-chip{border:1px solid #1f2a6b;color:#1f2a6b;background:#fff;border-radius:99px;font-size:calc(var(--u)*12);padding:calc(var(--u)*5) calc(var(--u)*12)}
.u-chip.dim{border-color:#cfcabb;color:#6b6a68}
.u-count{font-size:calc(var(--u)*11.5);color:#6b6a68;margin:calc(var(--u)*10) 0 calc(var(--u)*10)}
.u-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*10)}
.u-card{background:#fff;border:1px solid #e6e1d4;border-radius:calc(var(--u)*8);padding:calc(var(--u)*10);display:flex;flex-direction:column;gap:calc(var(--u)*3)}
.u-pk{width:100%;height:calc(var(--u)*86);margin-bottom:calc(var(--u)*4)}
.c2s-ui .u-n{font-size:calc(var(--u)*12);line-height:1.25;font-weight:600;min-height:2.5em;color:#1a1c2e}
.c2s-ui .u-price{font-weight:700;color:#c8281f;font-size:calc(var(--u)*14)}
.c2s-ui .u-m{font-size:calc(var(--u)*10);color:#77756f;line-height:1.3}
.u-btn{margin-top:calc(var(--u)*6);text-align:center;background:#1f2a6b;color:#fff;border-radius:calc(var(--u)*5);font-size:calc(var(--u)*11);font-weight:600;padding:calc(var(--u)*7) 0}
.u-btn.in{background:#fff;color:#1d7a46;border:1px solid #1d7a46}
.u-list{border-left:1px solid #e6e1d4;background:#fbfaf6;padding:calc(var(--u)*14);display:flex;flex-direction:column;gap:calc(var(--u)*10);min-width:0}
.u-lh{font-weight:700;font-size:calc(var(--u)*13)}
.u-li{display:grid;grid-template-columns:calc(var(--u)*30) 1fr auto;gap:calc(var(--u)*8);align-items:center;border:1px solid #e6e1d4;border-radius:calc(var(--u)*8);background:#fff;padding:calc(var(--u)*8);font-size:calc(var(--u)*11.5)}
.u-li svg{width:calc(var(--u)*30);height:calc(var(--u)*38)}
.c2s-ui .u-li em{font-weight:700;font-style:normal}
.c2s-ui .u-tt{font-weight:700}
.c2s-ui .u-li span{font-size:calc(var(--u)*11.5);color:#1a1c2e}
.c2s-ui .u-lh{text-align:left}
.u-sp{flex:1}
.u-total{display:flex;justify-content:space-between;font-size:calc(var(--u)*13)}
.u-co{background:#d6372a;color:#fff;text-align:center;font-weight:700;border-radius:calc(var(--u)*6);padding:calc(var(--u)*11) 0;font-size:calc(var(--u)*14)}
@media(max-width:820px){.c2s-ui{--u:calc(100cqw/400)}.u-sub{display:none}.u-rail,.u-list{display:none}.u-body{grid-template-columns:1fr}.u-grid{grid-template-columns:repeat(2,1fr)}.u-card:nth-child(n+3){display:none}.u-pk{height:calc(var(--u)*60)}.u-n{font-size:calc(var(--u)*13)}.u-price{font-size:calc(var(--u)*15)}.u-btn{font-size:calc(var(--u)*12)}}
@media(min-width:821px){body.offering .c2s-frame{aspect-ratio:2/1!important}}
@media(max-width:820px){body.offering .c2s-frame{aspect-ratio:400/330!important}}
.c2s-frame .shell-mat{display:none}
/* thread prototype (body[data-thread]) */
body[data-thread] :is(.board-wire,.step-wire,.workflow-wire,.evidence-wire,.close-wire,.dn-wire,.spec-wire,.mani-wire) path:not(.fib){stroke:#b93b2f!important;stroke-width:2.7!important;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(70,22,12,.5)) drop-shadow(2px 6px 4px rgba(60,20,10,.2))!important}
body[data-thread] :is(.board-wire,.step-wire,.workflow-wire,.evidence-wire,.close-wire,.dn-wire,.spec-wire,.mani-wire) path.fib{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:none!important;pointer-events:none}
body[data-thread] path.fib-hi{stroke:#ee8576;stroke-width:1.1;stroke-dasharray:9 4 3 7 12 3 5 6;opacity:.75}
body[data-thread] path.fib-lo{stroke:#6e1d14;stroke-width:.8;stroke-dasharray:3 5 8 4 2 7 10 4;stroke-dashoffset:5;opacity:.32}
@media(max-width:820px){body[data-thread] :is(.board-wire,.step-wire,.workflow-wire,.evidence-wire,.close-wire,.dn-wire,.spec-wire,.mani-wire) path:not(.fib){stroke-width:2.1!important}body[data-thread] path.fib-hi,body[data-thread] path.fib-lo{stroke-width:.8}}
/* banner-studio UI frames redrawn in code (board palette), 1 design px = var(--u) */
.bs-frame{container-type:inline-size}
.bs-frame .shell-mat{display:none}
@media(min-width:821px){body.offering .bs-frame{aspect-ratio:2/1!important}}
@media(max-width:820px){body.offering .bs-frame.bs-themes{aspect-ratio:400/472!important}}
.bs-ui{--u:calc(100cqw/1200);position:absolute;inset:0;margin:calc(var(--u)*14);border-radius:8px;overflow:hidden;background:#f6f2e7;border:1px solid rgba(70,52,28,.22);box-shadow:0 14px 30px -14px rgba(40,28,12,.45),0 2px 4px rgba(40,28,12,.12);font-family:var(--g);color:#1f1b15;display:flex;flex-direction:column}
.bs-ui *{box-sizing:border-box;margin:0;letter-spacing:0;text-transform:none;text-align:left;font-style:normal}
.bs-ui .b-top{display:flex;align-items:center;gap:calc(var(--u)*18);height:calc(var(--u)*44);padding:0 calc(var(--u)*20);border-bottom:1px solid #ddd3bc;background:#faf7ef;flex:none}
.bs-ui .b-logo{font:600 calc(var(--u)*13)/1 var(--mono);letter-spacing:.24em;color:#1f1b15;padding:calc(var(--u)*5) calc(var(--u)*8);border:1px solid #1f1b15}
.bs-ui .b-app{font-size:calc(var(--u)*14);font-weight:600}
.bs-ui .b-tab{font-size:calc(var(--u)*13);color:#6d6250;padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:99px}
.bs-ui .b-tab.on{background:#1f1b15;color:#f4f1e6}
.bs-ui .b-ill{margin-left:auto;font:500 calc(var(--u)*10.5)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8a3a2c;background:#efe1c4;border-radius:99px;padding:calc(var(--u)*6) calc(var(--u)*12);white-space:nowrap}
.bs-ui .b-body{flex:1;min-height:0;padding:calc(var(--u)*20) calc(var(--u)*28) calc(var(--u)*24);display:flex;flex-direction:column;gap:calc(var(--u)*16)}
.bs-ui .b-head{display:flex;align-items:flex-end;gap:calc(var(--u)*10)}
.bs-ui .b-head>div{margin-right:auto}
.bs-ui .b-h{display:block;font-size:calc(var(--u)*24);font-weight:600;letter-spacing:-.02em}
.bs-ui .b-d{display:block;font-family:var(--serif);font-size:calc(var(--u)*14);color:#5c5242;margin-top:calc(var(--u)*4)}
.bs-ui .b-ghost,.bs-ui .b-new{font-size:calc(var(--u)*12);border-radius:99px;padding:calc(var(--u)*8) calc(var(--u)*14);white-space:nowrap}
.bs-ui .b-ghost{border:1px solid #cfc3a8;color:#6d6250}
.bs-ui .b-new{background:#1f1b15;color:#f4f1e6}
.bs-ui .b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*14)}
.bs-ui .b-card{background:#fffdf8;border:1px solid #e0d6c0;border-radius:calc(var(--u)*8);padding:calc(var(--u)*8);display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.bs-ui .b-art{display:block;width:100%;height:calc(var(--u)*132);border-radius:calc(var(--u)*5)}
.bs-ui .b-meta{display:flex;align-items:center;gap:calc(var(--u)*6)}
.bs-ui .b-meta>div{margin-right:auto;min-width:0}
.bs-ui .b-n{display:block;font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-ui .b-st{display:block;font:500 calc(var(--u)*9.5)/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8b806b}
.bs-ui .b-use,.bs-ui .b-ed{font-size:calc(var(--u)*11);border-radius:99px;padding:calc(var(--u)*5) calc(var(--u)*10)}
.bs-ui .b-use{background:#1f1b15;color:#f4f1e6}
.bs-ui .b-ed{border:1px solid #cfc3a8;color:#6d6250}
.bs-ui .b-sw{display:flex;gap:calc(var(--u)*5)}
.bs-ui .b-sw i{width:calc(var(--u)*13);height:calc(var(--u)*13);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(31,27,21,.18)}
@media(max-width:820px){.bs-ui{--u:calc(100cqw/400)}.bs-ui .b-app,.bs-ui .b-tab:not(.on),.bs-ui .b-d,.bs-ui .b-ghost{display:none}.bs-ui .b-body{padding:calc(var(--u)*14);gap:calc(var(--u)*12)}.bs-ui .b-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--u)*10)}.bs-ui .b-card:nth-child(n+5){display:none}.bs-ui .b-art{height:calc(var(--u)*92)}.bs-ui .b-ed{display:none}}
/* Create frame */
@media(max-width:820px){body.offering .bs-frame.bs-create{aspect-ratio:400/444!important}}
.bs-ui .b-cr{flex:1;min-height:0;display:grid;grid-template-columns:calc(var(--u)*300) 1fr;grid-template-rows:minmax(0,1fr)}
.bs-ui .b-rail{border-right:1px solid #ddd3bc;background:#faf7ef;padding:calc(var(--u)*18);display:flex;flex-direction:column;gap:calc(var(--u)*18)}
.bs-ui .b-seg{display:grid;grid-template-columns:1fr 1.6fr;border:1px solid #ddd3bc;border-radius:calc(var(--u)*8);padding:calc(var(--u)*3);font-size:calc(var(--u)*12);color:#6d6250}
.bs-ui .b-seg span{text-align:center;padding:calc(var(--u)*7) 0;border-radius:calc(var(--u)*6)}
.bs-ui .b-seg .on{background:#fffdf8;color:#1f1b15;box-shadow:0 1px 3px rgba(40,28,12,.15)}
.bs-ui .b-sec{display:flex;flex-direction:column;gap:calc(var(--u)*8)}
.bs-ui .b-lb{display:flex;align-items:baseline;gap:calc(var(--u)*6);font-size:calc(var(--u)*13);font-weight:600}
.bs-ui .b-lb em{font:500 calc(var(--u)*9.5)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#b93b2f}
.bs-ui .b-r{margin-left:auto;font-size:calc(var(--u)*11);font-weight:400;color:#8b806b}
.bs-ui .b-th{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*6)}
.bs-ui .b-th i{height:calc(var(--u)*40);border-radius:calc(var(--u)*5)}
.bs-ui .b-th i.on{outline:2px solid #b93b2f;outline-offset:2px}
.bs-ui .b-prod{border:1px solid #ddd3bc;border-radius:calc(var(--u)*8);background:#fffdf8;padding:calc(var(--u)*9) calc(var(--u)*12)}
.bs-ui .b-pn{display:block;font-size:calc(var(--u)*12.5)}
.bs-ui .b-ps{display:block;font-size:calc(var(--u)*10.5);color:#8b806b}
.bs-ui .b-chips{display:flex;flex-wrap:wrap;gap:calc(var(--u)*6)}
.bs-ui .b-chips span{font-size:calc(var(--u)*11.5);border:1px solid #cfc3a8;border-radius:99px;padding:calc(var(--u)*5) calc(var(--u)*11);color:#4a4134}
.bs-ui .b-chips .on{background:#1f1b15;border-color:#1f1b15;color:#f4f1e6}
.bs-ui .b-main{min-width:0;padding:calc(var(--u)*16) calc(var(--u)*20);display:flex;flex-direction:column;gap:calc(var(--u)*12);background:#f3eee2}
.bs-ui .b-panel{background:#fffdf8;border:1px solid #e0d6c0;border-radius:calc(var(--u)*8);padding:calc(var(--u)*12) calc(var(--u)*14)}
.bs-ui .b-ph{display:flex;align-items:center;gap:calc(var(--u)*6);margin-bottom:calc(var(--u)*10)}
.bs-ui .b-pt{margin-right:auto;font-size:calc(var(--u)*14);font-weight:600}
.bs-ui .b-pill{font-size:calc(var(--u)*10.5);border:1px solid #cfc3a8;border-radius:99px;padding:calc(var(--u)*4) calc(var(--u)*10);color:#6d6250}
.bs-ui .b-pill.on{border-color:#1f1b15;color:#1f1b15}
.bs-ui .b-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*8) calc(var(--u)*10)}
.bs-ui .b-fields .w{grid-column:1/-1}
.bs-ui .b-fl{display:block;font:500 calc(var(--u)*9)/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8b806b}
.bs-ui .b-f{display:block;border:1px solid #ddd3bc;border-radius:calc(var(--u)*6);padding:calc(var(--u)*7) calc(var(--u)*10);font-size:calc(var(--u)*12);background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-ui .b-fh{font-weight:600;font-size:calc(var(--u)*14)}
.bs-ui .b-prev{flex:1;min-height:0;display:flex;flex-direction:column}
.bs-ui .b-prev .bn{width:calc(var(--u)*548);margin:0 auto}
@media(max-width:820px){.bs-ui .b-cr{grid-template-columns:1fr}.bs-ui .b-rail{display:none}.bs-ui .b-main{padding:calc(var(--u)*12)}.bs-ui .b-prev .bn{width:100%}.bs-ui .b-fields .w:last-child{display:none}}
/* the studio banner, set in code (shared by Create preview and case frame) */
.bn{container-type:inline-size;width:100%}
.bn-in{--v:calc(100cqw/900);position:relative;aspect-ratio:900/350;display:grid;grid-template-columns:44% 1fr;background:radial-gradient(120% 90% at 70% 30%,#fbf8f0,#efe6d3);border-radius:calc(var(--v)*8);overflow:hidden;font-family:var(--g);color:#1f1b15}
.bn-in *{margin:0;letter-spacing:0;text-transform:none;font-style:normal;text-align:left}
.bn-copy{padding:calc(var(--v)*44) 0 calc(var(--v)*30) calc(var(--v)*46);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--v)*10)}
.bn-patch{position:absolute;left:44%;top:calc(var(--v)*18);transform:translateX(-50%);background:#fffdf8;border-radius:calc(var(--v)*10);padding:calc(var(--v)*12) calc(var(--v)*24);font:600 calc(var(--v)*18)/1 var(--mono);letter-spacing:.26em;color:#1d2b55;box-shadow:0 2px 8px rgba(40,28,12,.12)}
.bn-lab{font-size:calc(var(--v)*13);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1f4d34;margin-top:calc(var(--v)*24)}
.bn-h{font-size:calc(var(--v)*46);line-height:1;font-weight:800;letter-spacing:-.02em;color:#1f4d34}
.bn-p{font-size:calc(var(--v)*15);line-height:1.35;color:#2b2620;max-width:92%}
.bn-cta{margin-top:calc(var(--v)*8);background:#b8202f;color:#fff;border-radius:99px;padding:calc(var(--v)*11) calc(var(--v)*28);font-size:calc(var(--v)*15);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bn-art{width:100%;height:100%;display:block}
@container (max-width:520px){.bs-case .bn-in{--v:calc(100cqw/400);aspect-ratio:400/420;grid-template-columns:1fr;grid-template-rows:auto 1fr}.bs-case .bn-copy{padding:calc(var(--v)*56) calc(var(--v)*22) 0;gap:calc(var(--v)*6)}.bs-case .bn-patch{left:50%;top:calc(var(--v)*14);font-size:calc(var(--v)*14)}.bs-case .bn-lab{margin-top:0;font-size:calc(var(--v)*11)}.bs-case .bn-h{font-size:calc(var(--v)*34)}.bs-case .bn-p{font-size:calc(var(--v)*13)}.bs-case .bn-cta{font-size:calc(var(--v)*12)}.bs-case .bn-art{min-height:0}}
/* case banner frame (UI-05): the finished banner on the paper mat */
.bs-case{container-type:inline-size;display:grid!important;place-items:center}
.bs-case .shell-mat{display:none}
.bs-case .bs-mat{position:absolute;inset:0;margin:calc(100cqw/1200*14);border-radius:8px;background:#fbf8f1;border:1px solid rgba(70,52,28,.22);box-shadow:0 14px 30px -14px rgba(40,28,12,.45),0 2px 4px rgba(40,28,12,.12);display:grid;place-items:center;padding:3%}
.bs-case .bn{width:100%}
.bs-case .bn-in{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 1px rgba(70,52,28,.12)}
@media(min-width:821px){body.offering .bs-case{aspect-ratio:2/1!important}}
@media(max-width:820px){body.offering .c-shell.ui-frame.bs-case{aspect-ratio:2/1!important}.bs-case .bs-mat{padding:12px}}@media(max-width:679px){body.offering .c-shell.ui-frame.bs-case{aspect-ratio:400/440!important}}
/* corkboard string pins (body[data-strings]) */
body[data-strings] .str-pin{z-index:3;transform:rotate(-8deg) scale(.82);transform-origin:17px 14px}
body[data-strings] .str-pin.str-end{transform:rotate(10deg) scale(.82)}
@media(max-width:820px){body[data-strings] .str-pin,body[data-strings] .str-pin.str-end{transform:scale(.62)}}
/* redrawn UI: interaction states */
.bs-ui .b-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
.bs-ui .b-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px rgba(40,28,12,.45)}
.bs-ui .b-card.on{border-color:#b93b2f;box-shadow:0 0 0 1px #b93b2f}
.bs-ui .b-card.on .b-use{background:#b93b2f}
.bs-ui [role=button]{cursor:pointer}
.bs-ui [role=button]:focus-visible,.bs-ui input.b-f:focus-visible,.c2s-ui [role=button]:focus-visible{outline:2px solid #c74335;outline-offset:2px}
.bs-ui .b-th i{transition:transform .15s}.bs-ui .b-th i:hover{transform:scale(1.05)}
.bs-ui .b-chips span{transition:background .15s,color .15s}.bs-ui .b-chips span:not(.on):hover{border-color:#1f1b15;color:#1f1b15}
.bs-ui input.b-f{width:100%;font-family:var(--g);color:#1f1b15;line-height:1.2;margin:0;-webkit-appearance:none;appearance:none;box-shadow:none;cursor:text}
.bs-ui input.b-f:focus{border-color:#b93b2f;outline:none}
.bs-ui .b-pill[data-fmt]:hover{border-color:#1f1b15;color:#1f1b15}
.bn-in{background:radial-gradient(120% 90% at 70% 30%,var(--bnA,#fbf8f0),var(--bnB,#efe6d3));transition:background .3s}
.bn-in .bn-lab,.bn-in .bn-h{color:var(--bnH,#1f4d34);transition:color .3s}
.bn-in .bn-cta{background:var(--bnC,#b8202f);transition:background .3s}
.bs-ui .b-prev .bn-in.sq{aspect-ratio:1/1;grid-template-columns:1fr;grid-template-rows:auto 1fr;width:39%;margin:0 auto;--v:calc(100cqw*.39/400)}
.bs-ui .b-prev .bn-in.sq .bn-copy{padding:calc(var(--v)*58) calc(var(--v)*24) 0;gap:calc(var(--v)*6)}
.bs-ui .b-prev .bn-in.sq .bn-patch{left:50%;top:calc(var(--v)*14);font-size:calc(var(--v)*14)}
.bs-ui .b-prev .bn-in.sq .bn-lab{margin-top:0;font-size:calc(var(--v)*11)}
.bs-ui .b-prev .bn-in.sq .bn-h{font-size:calc(var(--v)*34)}
.bs-ui .b-prev .bn-in.sq .bn-p{font-size:calc(var(--v)*13)}
.bs-ui .b-prev .bn-in.sq .bn-cta{font-size:calc(var(--v)*12)}
.bs-ui .b-prev .bn-in.sq .bn-art{min-height:0}
.c2s-ui .u-btn{cursor:pointer;transition:background .15s,color .15s}
.c2s-ui .u-btn:not(.in):hover{background:#2e3c8a}
.c2s-ui .u-items{display:flex;flex-direction:column;gap:calc(var(--u)*10);overflow:auto;min-height:0;flex:0 1 auto;scrollbar-width:thin}
/* index pages: pinned cards on one string, house link colour */
.aligned-page .str-cards{position:relative;overflow:visible}
.aligned-page .str-cards>.pc{position:relative;overflow:visible}
.aligned-page .str-cards>.pc>.str-pin{left:calc(50% - 17px);top:-22px;z-index:6}
@media(max-width:600px){.aligned-page .str-cards>.pc>.str-pin{left:6px}}
.aligned-page .str-index{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.aligned-page .str-cards>.pc{z-index:1}
.aligned-page .str-cards>.pc:nth-child(3n+2){transform:rotate(-.6deg)}.aligned-page .str-cards>.pc:nth-child(3n+3){transform:rotate(.5deg)}.aligned-page .str-cards>.pc:nth-child(3n+4){transform:rotate(.4deg)}
.aligned-page .str-cards>.pc:hover{transform:translateY(-3px)}
.aligned-page .pc .go{color:#1f1b15;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.aligned-page .pc:hover .go{color:#c74335}
/* ===== board pass 2 (body[data-pass]): tag CTA tied to the string, one pin per object, large-screen scale, direct-line card ===== */
/* the CTA is a shipping tag: ink card, clipped corners on the eyelet side, brass eyelet; the string ties into the eyelet */
body[data-pass][data-pass][data-pass] .ri-button{position:relative;border-radius:3px 6px 6px 3px!important;padding:0 30px 0 46px!important;min-height:54px;clip-path:polygon(13px 0,100% 0,100% 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;letter-spacing:.1em}
body[data-pass][data-pass][data-pass] .ri-button::before{content:""!important;position:absolute;left:17px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--hole,#f4f1e6);box-shadow:0 0 0 2.5px #c9a35a,0 0 0 3.5px rgba(0,0,0,.35),inset 1px 1px 1px rgba(0,0,0,.25)}
body[data-pass][data-pass][data-pass] .ri-button:hover{transform:translateY(-1px) rotate(-.6deg)}
body[data-pass][data-pass][data-pass] .ri-close .ri-button{--hole:#d2b48c}
body[data-pass][data-pass][data-pass] .ri-close>.close-pin{display:none}
/* one pin per object: margin anchors carry the string, frames keep only the pin the string lands on */
body[data-pass][data-pass][data-pass] .c-shell:not(.c-hero)>.board-pin:not(.str-keep){display:none}
body[data-pass][data-pass][data-pass] .str-pin.str-anchor{transform:rotate(-8deg) scale(.7)}
/* large-screen scale-up retired 2026-10-15: landing pages keep the same 1120px column as the rest of the site on 27-inch screens */
@media(min-width:99999px){
 body[data-pass][data-pass][data-pass] main .wrap{max-width:1600px!important;width:min(84vw,1600px)}
 body[data-pass][data-pass][data-pass] .ri-hero{grid-template-columns:1.12fr 1fr!important;gap:5rem!important;padding:4.5rem 0 3.5rem!important}
 body[data-pass][data-pass][data-pass] .ri-hero h1{font-size:clamp(5rem,3.7vw,6.6rem)!important}
 body[data-pass][data-pass][data-pass] .ri-hero>div>p,body[data-pass][data-pass][data-pass] .ri-section>p:not(.source-note){font-size:1.55rem!important;max-width:32em}
 body[data-pass][data-pass][data-pass] .ri-section h2{font-size:clamp(3.5rem,3.4vw,5rem)!important}
 body[data-pass][data-pass][data-pass] .ri-feature>div:first-child h3{font-size:clamp(2.9rem,2.4vw,3.6rem)!important}
 body[data-pass][data-pass][data-pass] .ri-feature>div:first-child p,body[data-pass][data-pass][data-pass] .ri-cards article p{font-size:1.45rem!important}
 body[data-pass][data-pass][data-pass] .ri-steps article p{font-size:1.3rem!important}
 body[data-pass][data-pass][data-pass] .ri-close h2{font-size:70px!important}
 body[data-pass][data-pass][data-pass] .ri-close>p{font-size:1.55rem!important}
 body[data-pass][data-pass][data-pass] .ri-button{min-height:60px;font-size:13.5px!important;padding:0 34px 0 52px!important}
 body[data-pass][data-pass][data-pass] .ri-button::before{left:19px}
}
/* close: the founders line becomes a pinned direct-line card on the right */
@media(min-width:1200px){
 body[data-pass][data-pass][data-pass] .ri-close{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:clamp(3rem,6vw,8rem);align-items:center}
 body[data-pass][data-pass][data-pass] .ri-close>:not(.ri-close-alt):not(svg){grid-column:1}
 body[data-pass][data-pass][data-pass] .ri-close>.ri-button{justify-self:start}
 body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt{grid-column:2;grid-row:1/span 4;align-self:center}
}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt{position:relative;z-index:2;margin:0;background:#faf7ef;border:1px solid #cdbfa5;padding:4.2rem 2.2rem 2.2rem;box-shadow:3px 8px 14px -6px rgba(73,49,25,.45);transform:rotate(1.4deg);font:1.3rem/1.5 "EB Garamond",Georgia,serif!important;color:#2b2620}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt::before{content:"Direct line";position:absolute;left:0;right:0;top:0;padding:.75rem 2.2rem;background:#d2b48c;border-bottom:1px solid #af9169;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7a2a1f}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt a{display:inline-block;margin:.25rem 0;font:500 clamp(.78rem,.95vw,.95rem)/1.4 var(--mono)!important;word-break:break-all;letter-spacing:.02em;color:#151515!important;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c74335}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt a:hover{color:#c74335!important}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt>.str-pin{left:calc(50% - 17px);top:-16px}
@media(max-width:999px){body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt{margin-top:2.4rem;transform:rotate(.8deg);padding:3.8rem 1.4rem 1.6rem}}
/* footer tags: string drawn pin to pin */
body[data-pass][data-pass][data-pass] .footer-specimens::before{display:none}
body[data-pass][data-pass][data-pass] .footer-specimens>.spec-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
body[data-pass][data-pass][data-pass] .spec-wire path{fill:none;stroke:#b93b2f;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 1px 0 rgba(70,22,12,.45)) drop-shadow(1px 4px 3px rgba(60,20,10,.18))}
body[data-pass][data-pass][data-pass] .ri-hero{padding-bottom:2.5rem!important}
body[data-pass][data-pass][data-pass] .wrap>.ri-section:first-of-type{padding-top:4.5rem!important}
@media(min-width:99999px){body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt{padding:4.6rem 2.6rem 2.6rem;font-size:1.5rem!important}}
body[data-pass][data-pass][data-pass] .str-knot{z-index:6!important}
/* ===== board pass 3 (banner-studio) ===== */
/* arrow: the paper-plane used by Get updates, on every CTA and the secondary link */
body[data-pass][data-pass][data-pass] .ri-button::after{content:""!important;width:15px!important;height:15px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;margin-left:2px}
body[data-pass][data-pass][data-pass] .ri-hero>div>.ri-textlink{gap:10px;text-underline-offset:7px}
body[data-pass][data-pass][data-pass] .ri-hero>div>.ri-textlink::after{content:""!important;display:inline-block;width:11px;height:11px;margin:0;background:currentColor;transform:rotate(90deg);transition:transform .18s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat}
body[data-pass][data-pass][data-pass] .ri-hero>div>.ri-textlink:hover::after{transform:rotate(90deg) translateX(3px)}
/* placements: equal containers, each format at its true proportion on the same stage */
body[data-pass][data-pass][data-pass] .placement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:2rem 1.6rem!important}
body[data-pass][data-pass][data-pass] .placement-grid>div{display:flex!important;flex-direction:column;padding:16px 18px 14px!important;transform:none}
body[data-pass][data-pass][data-pass] .placement-grid>div:nth-child(odd){transform:rotate(-.4deg)}body[data-pass][data-pass][data-pass] .placement-grid>div:nth-child(even){transform:rotate(.35deg)}
body[data-pass][data-pass][data-pass] .placement-grid .placement-fold{position:relative;aspect-ratio:16/9;display:block!important;padding:0!important;margin:10px 0 0;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(160,143,108,.13) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(160,143,108,.13) 23px 24px),#f3eee2;border:1px dashed #cdbfa5}
body[data-pass][data-pass][data-pass] .placement-grid .placement-art{position:absolute;inset:0;width:auto!important;height:auto!important;max-width:84%!important;max-height:80%!important;margin:auto!important;object-fit:contain!important}
body[data-pass][data-pass][data-pass] .placement-grid .placement-size{margin-top:10px;font:500 11px/1 var(--mono);letter-spacing:.08em;color:#6d6250}
body[data-pass][data-pass][data-pass] .placement-grid .diagram-label{font:600 12px/1 var(--mono)!important;letter-spacing:.14em;color:#151515}
@media(max-width:700px){body[data-pass][data-pass][data-pass] .placement-grid{grid-template-columns:1fr!important}}
/* direct line card */
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.dl{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;max-width:27rem;width:100%;justify-self:end;transform:rotate(.7deg);padding:4.4rem 2.4rem 2.3rem;font:1.2rem/1.45 "EB Garamond",Georgia,serif!important}
body[data-pass][data-pass][data-pass] .dl-lead{font:italic 500 clamp(1.7rem,1.9vw,2.3rem)/1.1 "EB Garamond",Georgia,serif;color:#151515;margin-bottom:.6rem}
body[data-pass][data-pass][data-pass] .dl-k{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8b806b;margin-top:.4rem}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.dl a.dl-mail{display:block;width:100%;margin:0;padding:.75rem .9rem;background:#fff;border:1px solid #d9cfb6;border-left:3px solid #c74335;font:500 clamp(.82rem,.92vw,1rem)/1.3 var(--mono)!important;letter-spacing:0;text-decoration:none;word-break:normal;overflow-wrap:anywhere;color:#151515!important}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.dl a.dl-mail:hover{background:#f6efe2;color:#c74335!important}
body[data-pass][data-pass][data-pass] .dl-foot{color:#4a4134;margin-top:.2rem}
@media(max-width:999px){body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.dl{justify-self:start;max-width:none;padding:3.9rem 1.5rem 1.7rem}}
/* footer: keep proportion with the page on large screens */
@media(min-width:99999px){
 body[data-pass][data-pass][data-pass] footer.foot{width:min(84vw,1600px)!important;max-width:none!important;font-size:13px!important;padding:40px 0 56px!important}
 body[data-pass][data-pass][data-pass] footer.foot :is(p,a,span,.footer-intro,.footer-location,.xl,.dm){font-size:13px!important;line-height:1.6}
 body[data-pass][data-pass][data-pass] .specimen-label,body[data-pass][data-pass][data-pass] .specimen-tag{font-size:13px!important}
 body[data-pass][data-pass][data-pass] .specimen-tag{padding:22px 28px;min-height:64px}
 body[data-pass][data-pass][data-pass] footer.foot .fb img{width:72px!important;height:auto}
 body[data-pass][data-pass][data-pass] footer.foot .fc.r{display:flex!important;flex-direction:column;align-items:flex-end}body[data-pass][data-pass][data-pass] footer.foot .updates-form{margin-left:auto;width:280px!important}body[data-pass][data-pass][data-pass] footer.foot .updates-field{width:280px!important;height:44px}
 body[data-pass][data-pass][data-pass] footer.foot .updates-field input{font-size:13px!important}
}
/* hero: live studio preview */
.hx-frame{display:block!important;padding:0!important;container-type:inline-size;aspect-ratio:auto!important;max-width:none!important;width:100%}
.hx-frame>.shell-mat{display:none}
.hx{position:relative;z-index:2;margin:0;background:#fbf8f1;border:8px solid #c4ad83;box-shadow:0 18px 34px -16px rgba(40,28,12,.5),0 2px 4px rgba(40,28,12,.12);padding:clamp(14px,2.6cqw,26px);display:flex;flex-direction:column;gap:clamp(10px,2cqw,18px);font-family:var(--g);color:#1f1b15}
.hx *{margin:0;letter-spacing:0;text-transform:none;font-style:normal;text-align:left}
.hx-top{display:flex;align-items:center;justify-content:space-between}
.hx .hx-k{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#151515}
.hx .hx-ill{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8a3a2c;background:#efe1c4;border-radius:99px;padding:6px 10px}
.hx-row,.hx-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hx .hx-lb{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8b806b;min-width:5.6em}
.hx-aud{display:flex;gap:6px;flex-wrap:wrap}
.hx-aud span{font-size:clamp(11px,1.6cqw,13px);border:1px solid #cfc3a8;border-radius:99px;padding:5px 11px;color:#4a4134;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hx-aud span.on{background:#1f1b15;border-color:#1f1b15;color:#f4f1e6}
.hx-aud span:focus-visible{outline:2px solid #c74335;outline-offset:2px}
.hx-stage{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(160,143,108,.12) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(160,143,108,.12) 23px 24px),#f1ece0;border:1px dashed #cdbfa5}
.hx .hx-bn{width:96%;transition:width .5s cubic-bezier(.2,.7,.2,1),opacity .25s}
.hx .hx-bn.app{width:78%}.hx .hx-bn.sq{width:50%}
.hx .hx-bn .bn-in{box-shadow:0 10px 22px -12px rgba(40,28,12,.45)}
.hx .hx-bn.app .bn-in{aspect-ratio:16/9;--v:calc(100cqw/760)}
.hx .hx-bn.sq .bn-in{aspect-ratio:1/1;grid-template-columns:1fr;grid-template-rows:auto 1fr;--v:calc(100cqw/400)}
.hx .hx-bn.sq .bn-copy{padding:calc(var(--v)*58) calc(var(--v)*24) 0;gap:calc(var(--v)*6)}
.hx .hx-bn.sq .bn-patch{left:50%;top:calc(var(--v)*14);font-size:calc(var(--v)*14)}
.hx .hx-bn.sq .bn-lab{margin-top:0;font-size:calc(var(--v)*11)}
.hx .hx-bn.sq .bn-h{font-size:calc(var(--v)*34)}
.hx .hx-bn.sq .bn-p{font-size:calc(var(--v)*13)}
.hx .hx-bn.sq .bn-cta{font-size:calc(var(--v)*12)}
.hx .hx-bn.sq .bn-art{min-height:0}
.hx .hx-bn.fade{opacity:0}
.hx .hx-fmt{font:600 12px/1 var(--mono);letter-spacing:.06em;color:#151515}
.hx .hx-th{margin-left:auto;font:500 11px/1 var(--mono);letter-spacing:.06em;color:#6d6250}
.hx .hx-th em{color:#b93b2f;font-style:normal}
body[data-pass][data-pass][data-pass] .c-hero.hx-frame>.board-pin{left:auto;right:18px;top:-22px;transform:rotate(14deg);z-index:4}
@media(max-width:560px){.hx .hx-th{margin-left:0;width:100%}}
/* ===== pass 4: postcard CTA + cross-sell ===== */
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);width:100%;max-width:38rem;justify-self:end;aspect-ratio:3/2;container-type:inline-size;padding:0!important;background:#fbf8f0 repeating-linear-gradient(0deg,transparent 0 3px,rgba(160,143,108,.04) 3px 4px);border:1px solid #d6cbb1;box-shadow:3px 10px 18px -8px rgba(73,49,25,.5);transform:rotate(-1.6deg);text-decoration:none!important;color:#1f1b15!important;font:inherit!important;transition:transform .2s,box-shadow .2s}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard::before{content:none!important}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard:hover{transform:rotate(-.6deg) translateY(-3px);box-shadow:4px 16px 24px -10px rgba(73,49,25,.55)}
.pcard .pc-msg{display:flex;flex-direction:column;padding:clamp(1.4rem,2.4vw,2.2rem) clamp(1.1rem,2vw,1.8rem);border-right:1px dashed #cdbfa5;gap:.7rem}
.pcard .pc-lead{font:italic 500 clamp(1.45rem,1.8vw,2.1rem)/1.08 "EB Garamond",Georgia,serif;color:#151515}
.pcard .pc-body{font:clamp(.98rem,1.05vw,1.15rem)/1.45 "EB Garamond",Georgia,serif;color:#4a4134}
.pcard .pc-sig{margin-top:auto;font:italic 1.05rem/1 "EB Garamond",Georgia,serif;color:#7a2a1f}
.pcard .pc-addr{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.1rem,2vw,1.7rem) clamp(1rem,1.8vw,1.6rem);gap:0}
.pcard .pc-stamp{position:absolute;top:14px;right:14px;width:62px;height:72px;display:grid;place-items:center;background:#c74335;outline:2px dashed #fbf8f0;outline-offset:-5px;box-shadow:0 0 0 3px #fbf8f0,1px 2px 3px 3px rgba(73,49,25,.25)}
.pcard .pc-stamp img{width:34px;filter:brightness(0) invert(1)}
.pcard .pc-post{position:absolute;top:24px;right:58px;width:92px;color:rgba(31,27,21,.38);transform:rotate(-12deg);pointer-events:none}
.pcard .pc-to{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8b806b;margin-bottom:.4rem}
.pcard .pc-l{display:block;padding:.42rem 0 .3rem;border-bottom:1px solid #cdbfa5;font:clamp(.95rem,1vw,1.1rem)/1.2 "EB Garamond",Georgia,serif;color:#1f1b15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard .pc-l.pc-mail{overflow:visible;text-overflow:clip;font:500 2.2cqw/1.2 var(--mono);letter-spacing:0;color:#151515;text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:4px}
body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard>.str-pin{left:calc(50% - 17px);top:-18px}
@media(max-width:1199px){body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard{justify-self:start;margin-top:2.6rem;transform:rotate(-1deg)}}
@media(max-width:560px){body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard{grid-template-columns:1fr;aspect-ratio:auto}.pcard .pc-msg{border-right:0;border-bottom:1px dashed #cdbfa5}.pcard .pc-addr{min-height:190px}}
/* cross-sell strip */
body[data-pass] .footer-specimens.xsell{display:grid!important;grid-template-columns:minmax(0,.7fr) repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2.4rem);align-items:end;padding-top:2.2rem;margin-bottom:3rem}
body[data-pass] .xsell .specimen-label{max-width:none;align-self:center;font:500 11px/1.5 var(--mono);letter-spacing:.14em}
body[data-pass] .xsell .xs-card{display:flex!important;flex-direction:column;gap:.45rem;padding:10px 10px 14px!important;min-height:0;background:#faf7ef;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
body[data-pass] .xsell .xs-card:nth-of-type(1){transform:rotate(-1.2deg)}body[data-pass] .xsell .xs-card:nth-of-type(2){transform:rotate(.8deg)}body[data-pass] .xsell .xs-card:nth-of-type(3){transform:rotate(-.5deg)}
body[data-pass] .xsell .xs-card:hover{transform:translateY(-4px) rotate(0);background:#faf7ef!important;box-shadow:3px 12px 18px -8px rgba(73,49,25,.45)}
body[data-pass] .xsell .xs-im{display:block;aspect-ratio:4/3;overflow:hidden;background:#e9e1cc}
body[data-pass] .xsell .xs-im img{width:100%;height:100%;object-fit:cover;display:block}
body[data-pass][data-pass][data-pass] .xsell .xs-k{font:500 10px/1.3 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:#8b806b;margin-top:.3rem}
body[data-pass][data-pass][data-pass] .xsell .xs-n{font:italic 500 1.4rem/1.1 "EB Garamond",Georgia,serif!important;color:#151515;text-transform:none;letter-spacing:0}
body[data-pass] .xsell .xs-card>.board-pin{left:calc(50% - 17px);top:-22px}
@media(min-width:99999px){body[data-pass][data-pass][data-pass] .xsell .xs-n{font-size:1.7rem!important}body[data-pass] .xsell .xs-k{font-size:11px}}
@media(max-width:820px){body[data-pass] .footer-specimens.xsell{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-pass] .xsell .specimen-label{grid-column:1/-1}body[data-pass][data-pass][data-pass] .xsell .xs-n{font-size:1.1rem!important}}
@media(max-width:520px){body[data-pass] .footer-specimens.xsell{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}body[data-pass][data-pass][data-pass] .xsell .xs-k{display:none}body[data-pass][data-pass][data-pass] .xsell .xs-n{font-size:.98rem!important}body[data-pass] .xsell .xs-card{padding:6px 6px 10px!important}}
@media(max-width:560px){.pcard .pc-l.pc-mail{font-size:4.3cqw}}
@media(min-width:1200px){body[data-pass][data-pass][data-pass] .ri-close h2{font-size:clamp(44px,3.5vw,70px)!important;max-width:none}}
body[data-pass][data-pass][data-pass] .ri-section>.ri-feature:last-child{margin-bottom:0!important}
/* manifesto pass: chapter pins and closing tag */
body.board-mani .mani-anchor{position:absolute;z-index:3}
body.board-mani .mani-end{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:4.5rem 0 1rem;padding-top:2.4rem;border-top:1px dashed #cdbfa5}
body.board-mani .mani-end-k{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#b93b2f}
body.board-mani .letter>.letter-pin{z-index:4}
/* ===== pass 5 ===== */
/* page title: Gloock (high-contrast display serif, self-hosted); body stays EB Garamond, section heads Inter Tight */
@font-face{font-family:"Gloock";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gloock-400.woff2) format("woff2")}
html body[data-pass][data-pass][data-pass][data-pass] main .wrap .ri-hero h1{font-family:"Gloock","EB Garamond",Georgia,serif!important;font-weight:400!important;letter-spacing:-.01em!important;word-spacing:0!important;line-height:1.04!important;font-size:clamp(36px,4.5vw,74px)!important;text-wrap:balance}
@media(min-width:99999px){html body[data-pass][data-pass][data-pass][data-pass] main .wrap .ri-hero h1{font-size:clamp(74px,3.6vw,88px)!important}}
/* related rows as links */
a.work-item.work-link{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none!important;color:inherit!important}
a.work-item.work-link>span{text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:4px;text-decoration-thickness:1px}
a.work-item.work-link>span::after{content:" \2192";color:#c74335}
a.work-item.work-link:hover>span{color:#c74335}
/* tighten the gap between hero and section 01 */
html body[data-pass][data-pass][data-pass][data-pass] main .wrap>.ri-hero+.ri-section{padding-top:2.5rem!important}
html body[data-pass][data-pass][data-pass][data-pass] main .wrap>.ri-hero{margin-bottom:0!important}
/* ===== line-breaking discipline: headings break at meaning, paragraphs never leave a widow ===== */
html body[data-pass] main .wrap .ri-section h2,html body[data-pass] main .wrap .ri-close h2{max-width:none!important;text-wrap:balance}
html body[data-pass] main p{text-wrap:pretty}
html body[data-pass] main .wrap .ri-section>p.lede-s,html body[data-pass] main .ri-hero p{text-wrap:balance}
html body[data-pass] main .wrap .ri-section>h2+p{margin-bottom:2.2rem}
@media(max-width:600px){html body[data-pass] br.hb{display:none}}
/* ===== audit pass ===== */
/* Planogram 04: the three points become one pinned spec card beside the statement */
html body[data-pass] .ri-sovereignty{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
html body[data-pass] .ri-sovereignty>div:last-child{position:relative;background:#faf7ef;border:1px solid #d6cbb1;box-shadow:3px 8px 14px -6px rgba(73,49,25,.4);padding:3.6rem 1.8rem 1rem;transform:rotate(.6deg)}
html body[data-pass] .ri-sovereignty>div:last-child::before{content:"On-prem / what stays with you";position:absolute;left:0;right:0;top:0;padding:.7rem 1.8rem;background:#d2b48c;border-bottom:1px solid #af9169;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7a2a1f}
html body[data-pass] .ri-sovereignty article{padding:1rem 0;border-bottom:1px solid #e3d9c3;margin:0!important}
html body[data-pass] .ri-sovereignty article:last-child{border-bottom:0}
html body[data-pass] .ri-sovereignty article h3{font:italic 500 1.55rem/1.15 "EB Garamond",Georgia,serif!important;margin:0 0 .3rem!important;color:#151515}
html body[data-pass] .ri-sovereignty article p{font-size:1.08rem!important;line-height:1.5;color:#3a3226;margin:0!important;max-width:none}
html body[data-pass] .ri-sovereignty>div:first-child p{font-size:1.32rem;line-height:1.55;color:#2b2620}
@media(max-width:820px){html body[data-pass] .ri-sovereignty{grid-template-columns:1fr}}
/* case study read link: text link + paper plane, not a second button */
html body[data-pass] .ev-read{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;font:500 12px/1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#151515!important;text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:6px;display:inline-flex!important;align-items:center;gap:10px}
html body[data-pass] .ev-read svg{width:12px;height:12px;fill:currentColor}
/* evidence without a case file: the two claims sit side by side as pinned cards */
@media(min-width:821px){html body[data-pass] .bp-ink .ev-claims:not(.ev-grid .ev-claims){display:grid!important;grid-template-columns:1fr 1fr;gap:2rem!important;align-items:stretch}}
html body[data-pass] .bp-ink .ev-claims>div{padding:2.6rem 1.8rem 1.8rem!important;min-height:9rem}
html body[data-pass] .bp-ink .ev-claims>div p{font-size:1.15rem!important;line-height:1.5}
html body[data-pass] .ev-claims>.evidence-wire{position:absolute!important;inset:0;width:100%;height:100%;grid-area:auto}
@media(min-width:821px){html body[data-pass] .bp-ink .ev-claims:not(.ev-grid .ev-claims)>:is(.ev-yes,.ev-no){grid-row:1}html body[data-pass] .bp-ink .ev-claims:not(.ev-grid .ev-claims){grid-template-rows:auto!important;grid-auto-rows:0!important}}
html body[data-pass] main .wrap .ri-section>p.lede-s{max-width:44em}
/* ===== site pass: display face word spacing (ITWeralionis sets very wide word gaps) ===== */
:is(h1,.prose h2,.feat h2,.featured-writing h2,.inquiry-feature h2,.essay h2,h2.dh,.related-card h4,.legal-w h1,.sub-receipt h3):not(.ri-hero h1){word-spacing:-.14em}
/* blog + article buttons join the shipping-tag system */
body.board-blog .feat .btn,body.board-art .inquiry-link,body.board-nf .nf-btn:not(.alt){position:relative;display:inline-flex!important;align-items:center;gap:12px;min-height:46px;padding:0 24px 0 40px!important;border:0!important;border-radius:3px 6px 6px 3px!important;background:#1f1b15!important;color:#f4f1e6!important;font:500 11.5px/1 var(--mono)!important;letter-spacing:.1em!important;text-transform:uppercase;text-decoration:none!important;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 calc(100% - 11px),0 11px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28)!important;transition:background .18s,transform .18s}
body.board-blog .feat .btn::before,body.board-art .inquiry-link::before,body.board-nf .nf-btn:not(.alt)::before{content:"";position:absolute;left:15px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#f4f1e6;box-shadow:0 0 0 2.5px #c9a35a,0 0 0 3.5px rgba(0,0,0,.35)}
body.board-blog .feat .btn::after{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat}
body.board-art .inquiry-link svg{width:13px;height:13px;fill:currentColor}
body.board-blog .feat:hover .btn,body.board-art .inquiry-feature:hover .inquiry-link,body.board-nf .nf-btn:not(.alt):hover{background:#c74335!important;transform:translateY(-1px) rotate(-.6deg)}

/* ===== site-wide pass: the landing-page system beyond the landing pages ===== */
/* one title face: display headings use Gloock like the landing titles (homepage, brand guide and contact wordmark keep their own) */
:is(body.board-blog,body.board-art,body.aligned-page,body.board-mani,body.board-legal,body.board-nf) :is(main h1:not(.sr-only),.feat h2,.prose h2,.inquiry-feature h2,.sub-receipt h3,.nf-n){font-family:"Gloock","EB Garamond",Georgia,serif!important;font-style:normal!important;font-weight:400!important;word-spacing:normal!important;letter-spacing:-.01em!important}
.related-card h4{word-spacing:normal!important}
/* article: next-read card pinned, string from the hero pin arrives here */
body.board-art .learn-card{position:relative}
body.board-art .learn-card>.learn-pin{left:calc(100% - 30px);top:-24px;transform:rotate(10deg);z-index:3}
body.board-art .art-wire{position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:visible;z-index:0}
body.board-art .art-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #3c140a40)}
@media(max-width:1000px){body.board-art .art-wire{display:none}}
/* 404: one tag CTA; "Play a round" becomes a text link, like the case-study read link */
body.board-nf .nf-btn.alt{background:none!important;border:0!important;padding:0 4px!important;color:#151515!important;font:500 12px/1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:6px}
body.board-nf .nf-btn.alt svg{width:12px;height:12px}
body.board-nf .nf-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
/* pinned footer company card beyond articles and the manifesto (landing pages close on their postcard instead) */
:is(body.board-blog,body.aligned-page,body.board-legal,body.board-nf) .foot .fc.m{position:relative;background:#faf7ef;border:1px solid #cdbfa5;box-shadow:2px 5px 7px #49311922;padding:1.4rem 1rem 1rem;transform:rotate(-.6deg)}
:is(body.board-blog,body.aligned-page,body.board-legal,body.board-nf) .foot .fc.m>.foot-pin{left:14px;top:-24px}
/* article contents list: stays in the left margin down to 1300px (it used to drop above the title below 1420px); hidden on narrower screens instead of pushing the article down */
@media(min-width:1300px) and (max-width:1420px){body.board-art .pw .toc{float:left!important;position:sticky!important;top:5rem!important;width:170px!important;margin:0 30px 0 -200px!important;padding:0!important;border:0!important;background:none!important}body.board-art .pw .toc ol{display:block!important}}
@media(max-width:1299px){body.board-art .pw .toc{display:none!important}body.board-art .pw>div{padding-top:0}}
/* short page names wear the homepage wordmark: ITWeralionis italic, warm grey, letterpress. Long headlines (landing heroes, articles) stay Gloock. */
html body:is(.board-mani,.board-legal) main h1.mt,html body.board-blog.board-blog main h1:not(.sr-only),html body.aligned-page.aligned-page main h1:not(.sr-only){font-family:"ITWeralionis","EB Garamond",Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;word-spacing:-.08em!important;color:#a09a88!important;text-shadow:0 1px 1px rgba(255,255,255,.6),0 -1px 1px rgba(107,98,88,.333)!important;line-height:1!important}
html body.board-mani main h1.mt{font-size:clamp(46px,5.4vw,76px)!important}
html body.board-blog.board-blog main h1:not(.sr-only),html body.aligned-page.aligned-page main h1:not(.sr-only){font-size:clamp(46px,5vw,72px)!important}
html body.board-legal main h1.mt{font-size:clamp(40px,4.4vw,60px)!important}
/* ===== article furniture on the board system ===== */
/* More writing: three pinned index cards strung pin to pin, like the Products index */
html body.board-art nav.more{margin-top:4.5rem!important;padding-top:0!important;position:relative}
html body.board-art nav.more>h3{font:400 2.1rem/1.05 "Gloock","EB Garamond",Georgia,serif!important;color:#151515!important;letter-spacing:-.01em;margin:0 0 3.2rem!important}
html body.board-art nav.more>h3::before{content:"From the lab";display:block;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#b93b2f;margin-bottom:.8rem}
html body.board-art .more .related-grid{position:relative;gap:30px!important;align-items:stretch}
html body.board-art .more .related-card{position:relative;display:flex!important;flex-direction:column!important;gap:0!important;background:#faf7ef;border:1px solid #d6cbb1!important;border-top:1px solid #d6cbb1!important;box-shadow:2px 8px 14px -8px rgba(73,49,25,.45);padding:0 0 16px!important;color:#151515!important;transition:transform .2s,box-shadow .2s;z-index:1}
html body.board-art .more .related-card:nth-child(1){transform:rotate(-.7deg)}
html body.board-art .more .related-card:nth-child(2){transform:rotate(.5deg) translateY(6px)}
html body.board-art .more .related-card:nth-child(3){transform:rotate(-.3deg)}
html body.board-art .more .related-card:hover{transform:rotate(0) translateY(-4px);box-shadow:3px 14px 22px -10px rgba(73,49,25,.5)}
html body.board-art .more .related-card .related-meta{order:-1;display:flex;justify-content:space-between;align-items:center;background:#d2b48c;border-bottom:1px solid #af9169;color:#3b2a10!important;font:500 10px/1.3 var(--mono)!important;letter-spacing:.12em!important;padding:9px 14px}
html body.board-art .more .related-card .related-meta::after{content:"\25B8";font-size:11px}
html body.board-art .more .related-card img{order:0;width:100%;height:auto!important;aspect-ratio:16/10;object-fit:cover!important;border:0!important;border-bottom:1px solid #e3d9c3!important;border-radius:0!important;mix-blend-mode:normal;background:#efe8d6!important}
html body.board-art .more .related-card h4{font:500 1.32rem/1.18 "EB Garamond",Georgia,serif!important;margin:14px 16px 6px!important;text-wrap:balance}
html body.board-art .more .related-card p{font:1rem/1.45 "EB Garamond",Georgia,serif!important;color:#5b5245!important;margin:0 16px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body.board-art .more .related-card .related-read{margin:auto 16px 0!important;padding-top:16px!important;border-top:0!important;justify-content:flex-start!important;gap:8px;font:500 11px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:#151515}
html body.board-art .more .related-card .related-read>span:first-child{text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:5px}
html body.board-art .more .related-card:hover .related-read{color:#c74335!important}
html body.board-art .more .related-card:hover h4{text-decoration:none!important}
html body.board-art .more .rel-pin{left:calc(50% - 17px);top:-26px;z-index:6}
html body.board-art .more .rel-wire{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
html body.board-art .more .rel-wire path{fill:none;stroke:#c74335;stroke-width:2.4;stroke-linecap:round}
@media(max-width:820px){html body.board-art .more .related-grid{gap:44px!important}html body.board-art .more .related-card:nth-child(n){transform:none}html body.board-art .more .rel-wire{display:none}}
/* next-read card: square paper, soft shadow */
html body.board-art .learn-card>a.inquiry-feature{border-radius:3px!important;background:#ece4d0!important;border:1px solid #cfc3a8!important;box-shadow:2px 8px 16px -10px rgba(73,49,25,.5)}
/* Get the next one: a thermal receipt, pinned, like the homepage receipt */
html body.board-art .sub-receipt{background:#fbf9f2!important;border:0!important;box-shadow:0 0 0 1px #e7dfcc,3px 12px 20px -10px rgba(60,40,20,.5)!important;padding:1.4rem 1.2rem 1.3rem!important;transform:rotate(1.2deg);overflow:visible}
html body.board-art .sub-receipt::before,html body.board-art .sub-receipt::after{left:0!important;right:0!important;background:linear-gradient(-45deg,transparent 4px,#fbf9f2 0) 0 0/10px 7px repeat-x!important;filter:none!important}
html body.board-art .sub-receipt::before{background:linear-gradient(45deg,#fbf9f2 4px,transparent 0) 0 0/10px 7px repeat-x!important}
html body.board-art .sub-receipt .sr-top{color:#3b3428}
html body.board-art .sub-receipt h3{font-size:2rem!important;margin:.8rem 0 .5rem!important}
html body.board-art .sub-receipt .sr-line{border-top:1px dashed #b9ae98;padding-top:.6rem}
html body.board-art .sub-receipt .sr-form input{border:0!important;border-bottom:1px solid #151515!important;background:transparent!important;padding:10px 2px!important;border-radius:0!important}
html body.board-art .sub-receipt .sr-form button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:6px;padding:0 20px 0 36px!important;border:0!important;border-radius:3px 6px 6px 3px!important;background:#1f1b15!important;color:#f4f1e6!important;font:500 11px/1 var(--mono)!important;letter-spacing:.12em!important;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 calc(100% - 11px),0 11px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28);transition:background .18s}
html body.board-art .sub-receipt .sr-form button::before{content:"";position:absolute;left:14px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#f4f1e6;box-shadow:0 0 0 2.5px #c9a35a,0 0 0 3.5px rgba(0,0,0,.35)}
html body.board-art .sub-receipt .sr-form button:hover{background:#c74335!important;color:#f4f1e6!important}
html body.board-art .sub-receipt>.sr-pin{left:calc(50% - 17px);top:-28px;z-index:6}
/* contact: wordmark title, the Mac and its tag directly below */

html body.board-contact .ct-title{font:italic 400 clamp(46px,5vw,72px)/1 "ITWeralionis","EB Garamond",Georgia,serif;letter-spacing:0;word-spacing:-.08em;color:#a09a88;text-shadow:0 1px 1px rgba(255,255,255,.6),0 -1px 1px rgba(107,98,88,.333);margin:2.2rem 0 0;text-align:center}
html body.board-contact .ct{margin-top:0!important;padding-top:0!important;justify-content:center!important}
html body.board-contact .ct-mac{display:flex;flex-direction:column;align-items:center}
/* blog list on the board: photo-print thumbnails, stamped categories, tag filters */
html body.board-blog .rows .row{transition:background .18s}
html body.board-blog .rows .row:hover{background:rgba(255,253,245,.55)}
html body.board-blog .rows .row .th{background:#fff;padding:5px 5px 5px;box-shadow:1px 4px 8px -3px rgba(60,40,20,.4);border:0!important;border-radius:0!important;transform:rotate(-1.4deg);transition:transform .2s}
html body.board-blog .rows .row:nth-child(even) .th{transform:rotate(1.2deg)}
html body.board-blog .rows .row:hover .th{transform:rotate(0) scale(1.03)}
html body.board-blog .rows .row .c{justify-self:start;align-self:center;display:inline-block;width:auto;border:1.5px solid currentColor;padding:4px 7px 3px;color:#9a3a2c!important;font:500 10px/1.25 var(--mono)!important;letter-spacing:.14em!important;transform:rotate(-4deg);opacity:.88;white-space:nowrap;text-align:center}
html body.board-blog .rows .row time{font:500 10px/1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#7a6f5c!important}
html body.board-blog .rows .row h2{margin-top:.35rem!important}
html body.board-blog .rows .row:hover h2{text-decoration:underline;text-decoration-color:#c74335;text-decoration-thickness:1.5px;text-underline-offset:5px}
html body.board-blog nav.chips a{position:relative;border-radius:2px 5px 5px 2px!important;clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px),0 8px);padding-left:24px!important;background:#faf7ef!important;border:1px solid #cdbfa5!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.06)}
html body.board-blog nav.chips a::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#f4f1e6;box-shadow:0 0 0 1.5px #c9a35a}
html body.board-blog nav.chips a.on,html body.board-blog nav.chips a[aria-current]{background:#1f1b15!important;color:#f4f1e6!important;border-color:#1f1b15!important}
html body.board-blog nav.chips a:not(.on):hover{background:#efe6d2!important}
@media(min-width:900px){html body.board-mani main h1.mt{white-space:nowrap;width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;text-align:center}}

/* postcard signature: the homepage wordmark face */
.pcard .pc-sig{font-family:"ITWeralionis","EB Garamond",Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;word-spacing:-.08em}
/* landing + product footers: pinned company card, same as every other page */
html body[data-pass] .foot .fc.m{position:relative;background:#faf7ef;border:1px solid #cdbfa5;box-shadow:2px 5px 7px #49311922;padding:1.4rem 1rem 1rem;transform:rotate(-.6deg)}
html body[data-pass] .foot .fc.m>.foot-pin{left:14px;top:-24px}
/* case study card: whole illustration as a print on the left, text and link on the right */
@media(min-width:821px){
 html body.board-page .ev-case{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
 html body.board-page .ev-case .ev-im{padding:2.4rem 0 1.6rem 1.6rem!important}
 html body.board-page .ev-case .ev-bd{border-top:0!important;border-left:1px dashed #cdbfa5;margin:1.6rem 0!important;padding:1rem 2rem!important}
}
html body.board-page .ev-case .ev-im img{aspect-ratio:auto!important;max-height:none!important;object-fit:contain!important;box-shadow:none!important;mix-blend-mode:multiply}
html body.board-page .ev-case .ev-bd h3{font:400 clamp(1.6rem,2vw,2rem)/1.15 "Gloock","EB Garamond",Georgia,serif!important;font-style:normal!important;letter-spacing:-.01em;margin:0 0 .7rem!important;text-wrap:balance}
html body.board-page .ev-case .ev-bd p{font-size:1.1rem!important;line-height:1.5;margin:0 0 1.4rem!important}
html body.board-page .ev-case .ev-read{background:none!important;border:0!important;padding:0!important;color:#151515!important;font:500 12px/1 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-decoration-color:#c74335;text-underline-offset:6px;display:inline-flex!important;gap:10px;align-items:center}
html body.board-page .ev-case:hover .ev-read{background:none!important;color:#c74335!important}
/* postcard type scales with the card, not the window (it was cramped on 27-inch screens once the page stopped growing) */
html body .pcard .pc-msg{padding:clamp(1.1rem,6cqw,2rem) clamp(1rem,5cqw,1.6rem)!important;gap:.6rem}
html body .pcard .pc-lead{font-size:clamp(1.2rem,5.4cqw,1.85rem)!important}
html body .pcard .pc-body{font-size:clamp(.9rem,3.2cqw,1.08rem)!important}
html body .pcard .pc-sig{font-size:clamp(1rem,3.6cqw,1.2rem)!important;white-space:nowrap;color:#7a2a1f}
html body .pcard .pc-l{font-size:clamp(.88rem,3cqw,1.05rem)!important}
html body .pcard .pc-l.pc-mail{font-size:clamp(8.5px,2.45cqw,11.5px)!important;letter-spacing:0!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:560px){html body .pcard .pc-l.pc-mail{font-size:clamp(11px,4.1cqw,14px)!important}}
/* one secondary-link style site-wide: ink text, red underline (landing pages, cards, 404, legal, article body) */
html body .pc .go,html body.board-nf .nf-l a,html body:is(.board-legal,.board-art,.board-mani) :is(.essay,.prose) a:not(.inquiry-feature):not(.related-card){text-decoration:underline!important;text-decoration-color:#c74335!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important}
html body .pc .go{border-bottom:0!important}
html body .pc:hover .go,html body.board-nf .nf-l a:hover{color:#c74335!important}
/* footer company card: one size and one ink on every page */
html body .foot .fc.m:has(>.foot-pin){width:13.5rem;box-sizing:border-box;align-items:center;text-align:center}
html body .foot .fc.m:has(>.foot-pin) p,html body .foot .fc.m:has(>.foot-pin) p a{color:#4a4134!important;opacity:1!important}
html body .foot .fc.m:has(>.foot-pin) p:first-of-type{color:#151515!important}

/* ===== round 4 ===== */
/* landing heroes speak in the section-head voice: Inter Tight, a size up from the section heads */
html body[data-pass][data-pass][data-pass][data-pass][data-pass] main .wrap .ri-hero h1,html body.board-page.board-page.board-page main .wrap .ri-hero h1{font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif!important;font-weight:600!important;font-style:normal!important;letter-spacing:-.04em!important;word-spacing:0!important;line-height:.96!important;font-size:clamp(42px,4.9vw,70px)!important}
/* close section: heading at section-head size, more room, a bigger postcard */
@media(min-width:1200px){html body[data-pass][data-pass][data-pass] .ri-close{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;column-gap:clamp(3rem,5vw,6rem)!important;padding-top:6rem!important;padding-bottom:6rem!important}}
html body[data-pass][data-pass][data-pass][data-pass] main .wrap .ri-close h2{font-size:clamp(2.3rem,3.9vw,3.5rem)!important;line-height:1!important}
html body[data-pass][data-pass][data-pass] .ri-close>.ri-close-alt.pcard{max-width:36rem!important;justify-self:end}
/* postcard address side: one column of ruled lines, email sized to its line */
html body .pcard .pc-l{width:100%;box-sizing:border-box}
html body .pcard .pc-l.pc-mail{font-size:clamp(8px,2.15cqw,11px)!important;text-underline-offset:3px!important}
@media(max-width:560px){html body .pcard .pc-l.pc-mail{font-size:clamp(11px,4cqw,14px)!important}}
/* blog filters: shipping tags without clipped corners (the clip cut the border) */
html body.board-blog nav.chips a{clip-path:none!important;border-radius:4px!important;padding:8px 14px 8px 26px!important;font-size:11px!important;box-shadow:0 1px 0 rgba(73,49,25,.12)!important}
html body.board-blog nav.chips a::before{left:11px!important;width:6px!important;height:6px!important;margin-top:-3px!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px #b8914f!important}
html body.board-blog nav.chips a.on::before,html body.board-blog nav.chips a[aria-current]::before{box-shadow:inset 0 0 0 1.5px #d2b48c!important;background:#d2b48c!important}
/* footer: the pinned card replaces the hairline rule */
html body .foot:has(.foot-pin){border-top:0!important}
html body .foot:has(.foot-pin)::before{display:none!important}
html body.board-contact main{min-height:calc(100vh - 150px);display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;padding:5rem 0 2rem!important}
html body.board-contact .ct{margin:0!important}
/* ===== round 5: one system across page types ===== */
/* article hero image: the same matted print as landing heroes */
html body.board-art .hero-frame{border:8px solid #c4ad83;background:#e9e1cc;box-shadow:2px 12px 22px rgba(73,49,25,.18);transform:rotate(-.4deg)}
html body.board-art .hero-frame img.hero-i{display:block}
/* blog featured card: paper card like every other pinned card, image as a matted print */
html body.board-blog .feat{background:#faf7ef!important;border:1px solid #cdbfa5!important;box-shadow:2px 8px 14px -8px rgba(73,49,25,.45)}
html body.board-blog .feat img{border:6px solid #c4ad83!important;background:#e9e1cc}
/* in-article controls (filters, toggles, re-run): the blog filter tag shape */
html body.board-art .prose :is(.fx-chips button,button.rerun,[role=group] button,.ctl button){border-radius:4px!important}
/* article subheads: one weight */
html body.board-art .prose h3:not(.tx-row h3):not(.chart h3):not(figure h3){font:500 1.38rem/1.25 "EB Garamond",Georgia,serif!important}
/* landing: the comparison head matches the other section heads */
html body[data-pass][data-pass][data-pass][data-pass] main .wrap .ri-comparison h2{font-size:clamp(2.3rem,3.9vw,3.5rem)!important}
/* small red kickers: next-read card matches "From the lab" and the landing eyebrows */
html body.board-art .inquiry-feature .eyebrow{font:500 11px/1.3 var(--mono)!important;letter-spacing:.14em!important;color:#b93b2f!important}
html body.board-art .art header .mono.dim a{color:#b93b2f!important;text-decoration:none}
/* paper objects are square-cornered everywhere (UI mockups keep their own radii) */
html body :is(a.feat,.tx-table,figure.rd-card,figure.chart,figure.viz,figure.case-schematic,figure.fx,aside.srcard,.statrow,a.pc,.nf-g-frame){border-radius:2px!important}
html body.board-art :is(.tx-table,figure.rd-card,figure.chart,figure.viz,figure.case-schematic,figure.fx,aside.srcard,.statrow){border-color:#d6cbb1!important;box-shadow:2px 8px 14px -10px rgba(73,49,25,.4)}
/* ===== round 6: one headline voice, clear hierarchy, uniform pins ===== */
/* headlines everywhere speak Inter Tight (page names keep the wordmark face; subheads and card titles stay Garamond) */
html body:is(.board-art,.board-blog,.board-nf) :is(.art header h1,.prose h2,.feat h2,.inquiry-feature h2,.sub-receipt h3,nav.more>h3,.nf-s h1,.nf-n),html body.board-page .ev-case .ev-bd h3{font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif!important;font-weight:600!important;font-style:normal!important;letter-spacing:-.035em!important;word-spacing:0!important}
html body.board-art .art header h1{font-size:clamp(2.3rem,3.6vw,3.3rem)!important;line-height:1.02!important;text-wrap:balance;hyphens:manual}
html body.board-art .prose h2{font-size:clamp(1.55rem,2vw,1.9rem)!important;line-height:1.1!important;margin-top:2.6rem!important}
html body.board-art .sub-receipt h3{font-size:1.85rem!important;line-height:1!important}
html body.board-art nav.more>h3{font-size:2rem!important}
html body.board-blog .feat h2{font-size:clamp(1.7rem,2.3vw,2.2rem)!important;line-height:1.05!important}
html body.board-nf .nf-n{font-size:clamp(6rem,14vw,10rem)!important;letter-spacing:-.06em!important;line-height:.9!important}
html body.board-nf .nf-s h1{font-size:2rem!important}
html body.board-page .ev-case .ev-bd h3{font-size:clamp(1.5rem,1.9vw,1.85rem)!important}
/* hierarchy on landing pages: section heads step down so the hero clearly leads (70px vs 48px) */
html body[data-pass][data-pass][data-pass][data-pass] main .wrap :is(.ri-section,.ri-comparison,.ri-close) h2{font-size:clamp(2.1rem,3.3vw,3rem)!important;line-height:1.02!important}
/* one pin size everywhere: margin anchors no longer shrink */
html body[data-pass][data-pass][data-pass] .str-pin.str-anchor{transform:rotate(-8deg)!important}
/* article hero: no dead band under the print */
html body.board-art .hero-frame img.hero-i{margin:0!important}
/* blog: red kicker on the featured card; the long article gutter string retires (strings join objects you can see together) */
html body.board-blog .feat .mono.dim{color:#b93b2f!important;font-weight:500;letter-spacing:.14em}
html body.board-art .art-wire{display:none!important}
/* next-read card: paper card, the banner as a matted print pinned on the right */
html body.board-art .learn-card>a.inquiry-feature{background:#faf7ef!important;border:1px solid #d6cbb1!important;border-radius:2px!important;box-shadow:2px 8px 14px -8px rgba(73,49,25,.45)!important;grid-template-columns:minmax(0,1fr) 15rem!important;gap:2.4rem!important;align-items:center!important;padding:2.2rem 2.4rem!important}
html body.board-art .learn-card>a.inquiry-feature img{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover!important;border:6px solid #c4ad83!important;background:#e9e1cc;box-shadow:2px 8px 14px -6px rgba(73,49,25,.45);transform:rotate(2.2deg);mix-blend-mode:normal!important;align-self:center;transition:transform .25s}
html body.board-art .learn-card>a.inquiry-feature:hover img{transform:rotate(.6deg) translateY(-3px)}
html body.board-art .learn-card>.learn-pin{left:auto!important;right:calc(2.4rem + 7.5rem - 17px);top:calc(50% - 5.6rem)!important;transform:rotate(-10deg)!important}
html body.board-art .learn-card .inquiry-feature h2{font-size:clamp(1.6rem,2.2vw,2rem)!important;line-height:1.05!important}
@media(max-width:700px){html body.board-art .learn-card>a.inquiry-feature{grid-template-columns:1fr!important;padding:1.6rem!important;gap:1.4rem!important}html body.board-art .learn-card>a.inquiry-feature img{order:-1;width:70%!important;justify-self:center}html body.board-art .learn-card>.learn-pin{right:auto!important;left:calc(50% - 17px)!important;top:-8px!important}}
/* contact: exactly one screen, no scroll */
html:has(body.board-contact),html body.board-contact{height:100%;overflow:hidden}
html body.board-contact{display:flex!important;flex-direction:column;min-height:0!important}
html body.board-contact main{flex:1 1 auto;min-height:0!important;padding:4rem 0 0!important;display:flex!important;align-items:center;justify-content:center!important}
html body.board-contact .contact-footer{flex:none;padding:1rem 0 1.6rem!important;margin:0!important}
@media(max-height:620px){html:has(body.board-contact),html body.board-contact{overflow:auto;height:auto}}
/* page names centered on every index page (Blog matched Products and Solutions) */
html body.board-blog .ph{text-align:center!important;justify-content:center!important}
html body.board-blog .ph>div{width:100%;text-align:center}
html body.board-blog .ph h1{margin-left:auto!important;margin-right:auto!important}
/* "In operation" case-file stamp: a clean rubber stamp (the old status dot rendered as a grey bar inside it) */
html body .ev-file .ev-stamp::before{content:none!important;display:none!important}
html body .ev-file .ev-stamp{display:inline-block!important;gap:0!important;border:1.5px solid currentColor!important;color:#3f6b3a!important;padding:4px 9px 3px!important;border-radius:2px!important;font:500 11px/1.25 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase;transform:rotate(-3deg);opacity:.9;background:none!important}
/* ===== round 7 ===== */
/* page names sit just under the homepage wordmark (64px) so the brand stays the biggest name on the site */
html body.board-mani main h1.mt,html body.board-blog.board-blog main h1:not(.sr-only),html body.aligned-page.aligned-page main h1:not(.sr-only){font-size:clamp(40px,4.3vw,58px)!important}
html body.board-legal main h1.mt{font-size:clamp(36px,3.8vw,50px)!important}
/* long gutter strings that joined nothing are retired; pinned objects keep their pins */
html body .mani-wire,html body.board-blog .blog-wire,html body.board-blog .rows>.rows-pin{display:none!important}
/* manifesto letter: a plain letter on paper, straight, no tape or pin; signed, with the letter mark under the signature */
html body.board-mani .letter{transform:none!important;border:0!important;border-radius:2px!important;box-shadow:0 1px 2px rgba(60,40,20,.08),0 18px 40px -22px rgba(60,40,20,.35)!important;padding:3rem 3.2rem 2.6rem!important;max-width:36rem!important}
html body.board-mani .letter:hover{transform:none!important}
html body.board-mani .letter::before{display:none!important}
html body.board-mani .letter>.letter-pin{display:none!important}
html body.board-mani .letter .sig{font-weight:700!important;margin-top:1.8rem!important}
html body.board-mani .letter .lmk{width:64px;margin:2.2rem 0 0}
@media(max-width:600px){html body.board-mani .letter{padding:2rem 1.4rem 1.8rem!important}}
html body.board-mani .mani-end .mani-sign{font:italic 400 1.5rem/1.35 "EB Garamond",Georgia,serif;margin:0;color:#151515}
html body.board-mani .mani-end .mani-sign span{font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#7a6f5c}
html body.board-mani .mani-end .mani-cta{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:50px;margin-top:.6rem;padding:0 26px 0 44px!important;border:0;border-radius:3px 6px 6px 3px;background:#1f1b15;color:#f4f1e6!important;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28);transition:background .18s}
html body.board-mani .mani-end .mani-cta::before{content:"";position:absolute;left:17px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:#f4f1e6;box-shadow:0 0 0 2.5px #c9a35a,0 0 0 3.5px rgba(0,0,0,.3)}
html body.board-mani .mani-end .mani-cta::after{content:"";width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3l20 9-20 9 4-9z'/%3E%3C/svg%3E") center/contain no-repeat}
html body.board-mani .mani-end .mani-cta:hover{background:#c74335}
/* catalog studio: section 06 (who it is for) sits on the dark band; card text follows */
html body.cs-page .wrap>.ri-section:nth-of-type(6) .ri-cards p{color:#cfc6b2!important}
html body.cs-page .wrap>.ri-section:nth-of-type(6) .ri-cards article{border-color:#3a362e!important}
html body.cs-page .wrap>.ri-section:nth-of-type(6) .lede-s{color:#e9e3d3!important}
/* landing pages: one matted print per page, pinned beside the section it illustrates */
html body .lp-print{position:relative;margin:2.6rem auto 0;max-width:620px;background:#e9e1cc;border:8px solid #c4ad83;box-shadow:4px 22px 34px -16px rgba(60,40,20,.55),0 2px 4px rgba(60,40,20,.15);transform:rotate(-.8deg)}
html body .lp-print img{display:block;width:100%;height:auto}
html body .lp-print figcaption{position:absolute;left:-.6rem;bottom:-1.2rem;background:#fbf8ef;padding:.4rem .7rem;font:700 10.5px/1.2 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;color:#2a2418;transform:rotate(-2deg);box-shadow:1px 3px 5px rgba(60,40,20,.2)}
html body .lp-print .board-pin{position:absolute;left:50%;top:-18px;margin-left:-17px;width:34px;height:40px;z-index:3}
@media(max-width:640px){html body .lp-print{transform:none;margin-top:2rem}}
/* nav menus: the last item (Tote, Chat2Shop) highlights on hover like the rest */
.nav-paper a:last-child:not([aria-current]):hover,.nav-paper a:last-child:not([aria-current]):focus-visible{background:#ece6d6!important}
/* manifesto letter: lifts and tilts toward the cursor; the signature writes itself in */
html body.board-mani .letter{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s!important;transform-style:preserve-3d;will-change:transform}
html body.board-mani .letter.lift{box-shadow:0 2px 3px rgba(60,40,20,.1),0 34px 60px -26px rgba(60,40,20,.45)!important}
html body.board-mani .letter .sig{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s cubic-bezier(.6,.1,.3,1) .2s}
html body.board-mani .letter .sig.signed{clip-path:inset(0 0 0 0)}
html body.board-mani .letter .lmk{opacity:0;transform:translateY(6px) rotate(-6deg);transition:opacity .6s 1.8s,transform .6s 1.8s}
html body.board-mani .letter .sig.signed+.lmk{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html body.board-mani .letter .sig{clip-path:none}html body.board-mani .letter .lmk{opacity:1;transform:none}}

/* brandloom hero: the same matted, taped and pinned print as the other landing pages */
html body.cs-page.cs-page .ri-photo{transform:rotate(1.4deg);box-shadow:0 30px 60px -28px rgba(60,40,20,.5),0 2px 0 rgba(60,40,20,.12);border-radius:3px;position:relative}
html body.cs-page.cs-page .ri-photo::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:30px;margin-left:-60px;background:rgba(210,180,140,.7);transform:rotate(-2deg);z-index:2}
html body.cs-page.cs-page .ri-photo{transform:rotate(.8deg)}
html body.cs-page.cs-page .ri-hero .ri-photo{align-self:center;overflow:visible;background:#e9e1cc;background-image:radial-gradient(#8d77551c .7px,transparent .7px);background-size:5px 5px;border:8px solid #c4ad83;outline:1px solid #ad936b;border-radius:1px;transform:rotate(1.2deg);margin:0;position:relative;isolation:isolate;box-shadow:2px 12px 22px #4931192e}
html body.cs-page.cs-page .ri-hero .ri-photo::before{content:'';position:absolute;left:15%;top:-26px;width:86px;height:28px;transform:rotate(-13deg);margin:0;background:#e2d0a0d9;box-shadow:0 2px 2px #49311922;z-index:3}
html body.cs-page.cs-page .ri-hero .ri-photo::after{content:'';position:absolute;right:7%;bottom:-25px;width:72px;height:27px;background:#e2d0a0cf;transform:rotate(-19deg);box-shadow:0 1px 2px #49311933;z-index:3}
html body.cs-page.cs-page .ri-photo>.board-pin{left:calc(88% - 17px);top:-31px;transform:rotate(12deg)}
html body.cs-page.cs-page .ri-photo img{border-bottom:1px solid #d6cbb1}
html body.cs-page.cs-page .ri-photo figcaption{background:#faf7ef;border-top:0}
/* landing heroes: a cut-out object standing on the page paper. No frame, no caption; a soft contact shadow and a gentle tilt toward the cursor */
html body .ri-hero .ri-cut{position:relative;margin:0;align-self:center;display:flex;justify-content:center;align-items:flex-end;min-height:clamp(300px,34vw,480px);background:none!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}
html body .ri-hero .ri-cut::before,html body .ri-hero .ri-cut::after{display:none!important}
html body .ri-hero .ri-cut img{position:relative;z-index:2;display:block;width:auto;max-width:100%;max-height:clamp(280px,32vw,460px);object-fit:contain;border:0!important;filter:drop-shadow(6px 22px 22px rgba(60,40,20,.28)) drop-shadow(1px 4px 4px rgba(60,40,20,.18));transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}
html body .ri-hero .ri-cut .cut-shadow{position:absolute;z-index:1;left:12%;right:12%;bottom:-6px;height:34px;background:radial-gradient(ellipse at center,rgba(70,48,20,.30),rgba(70,48,20,0) 70%);filter:blur(4px)}
html body .ri-hero .ri-cut .board-pin{display:none!important}
@media(max-width:900px){html body .ri-hero .ri-cut{min-height:0;margin-top:1.4rem}html body .ri-hero .ri-cut img{max-height:62vw}}