/* Continuous background lettering stays behind the business cards. */
.product-backword{left:0;width:100%;overflow:hidden}
.business-marquee-track{display:flex;width:max-content;animation:business-lettering 45s linear infinite;will-change:transform}
.business-marquee-track>span{flex:none;padding-right:.35em}
@keyframes business-lettering{to{transform:translateX(-50%)}}
.no-motion .business-marquee-track{animation:none}
@media(prefers-reduced-motion:reduce){.business-marquee-track{animation:none}}

/* Both editorial lists use the same label and link hierarchy. */
.journal-blog-title,.journal-news-heading{font-size:24px;line-height:1.5;letter-spacing:-.03em;font-weight:800}
.journal-blog-title>span,.journal-news-heading>span{display:block;color:var(--green);font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.1em;margin:0 0 8px}
.journal-all-link{text-align:right;margin-top:30px}
.journal-news>.journal-all-link{grid-column:1/-1;margin-top:4px}
.journal-all-link .text-link{font-size:16px;min-height:44px}
.page-journal #main>.page-wrap,.page-news #main>.page-wrap,.page-faq #main>.page-wrap{padding-bottom:clamp(90px,9vw,150px)}
.page-journal .p-hero h1,.page-news .p-hero h1{font-size:clamp(44px,7.4vw,110px)}

/* Keep the hero prompts readable; green anchors the Vuddy service. */
.vuddy-product-page .v-choice-note,.page-torudake .t-editor-sticker{width:180px;height:180px;font-size:18px;line-height:1.55;padding:0;right:0}
.vuddy-product-page .v-choice-note{top:0;background:var(--mint);color:var(--ink)}
.vuddy-product-page .v-hero-status{font-size:16px;line-height:1.7;font-weight:700;margin-top:22px}
.vuddy-product-page .v-highlight:before{background:var(--mint)}
.vuddy-product-page .v-node-end,.vuddy-product-page .v-your-choice{background:var(--green);color:white;border-color:var(--ink)}
.vuddy-product-page .v-demo-poster button,.vuddy-product-page .v-hello-sticker{background:var(--mint)}
.vuddy-product-page .v-making-steps li:nth-child(3) .v-making-number{background:var(--green);color:white}
.vuddy-product-page :is(.v-choice-buttons button:hover,.v-use-tabs button:hover:not([aria-selected=true]),.v-use-question>button:hover){background:var(--mint)}
.v-personal-context{margin-bottom:32px}
.v-personal-context>[data-personal-reason]{font-size:17px;line-height:1.8;font-weight:600;max-width:42em}
.v-personal-choices{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}
.v-personal-choices button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:12px 20px;background:white;border:1.5px solid var(--ink);border-radius:40px;font:700 17px/1.5 var(--font-site);cursor:pointer}
.v-personal-choices button[aria-pressed=true]{background:var(--green);color:white;box-shadow:3px 3px 0 var(--ink)}
.v-personal-choices button:hover:not([aria-pressed=true]){background:var(--mint)}
.v-personal-choices button:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.v-personal-choices svg{width:22px;height:22px;flex:none}
.service-copy.has-sticky-label>.v-eyebrow{column-gap:.35em}

/* The editor sits higher, with enough lower clearance for its controls. */
.page-torudake .t-editor-stage{align-self:start;padding-top:42px;padding-bottom:28px}
.page-torudake .t-editor-sticker{top:-12px}
@media(min-width:1101px){.page-torudake .t-editor-stage{margin-top:-72px}}
@media(max-width:700px){
 .journal-blog-title,.journal-news-heading{font-size:22px}
 .journal-blog-title>span,.journal-news-heading>span{font-size:12px;display:block;margin:0 0 8px}
 .vuddy-product-page .v-choice-note,.page-torudake .t-editor-sticker{width:140px;height:140px;font-size:14px}
 .vuddy-product-page .v-choice-note{top:10px;right:0}
 .vuddy-product-page .v-hero-status{font-size:15px;margin-top:34px}
 .v-personal-context>[data-personal-reason]{font-size:16px}
 .v-personal-choices{gap:12px}
 .v-personal-choices button{width:100%;font-size:16px}
 .page-torudake .t-editor-stage{padding-top:100px;margin-top:22px}
 .page-torudake .t-editor-sticker{top:0}
}

/* Examples are separate from VARISTA's product case study. */
.d-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.d-example{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.d-example-graphic{width:100%;height:155px;background:#f1f6f3;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;color:var(--ink);overflow:hidden}
.d-example-graphic>svg{width:85%;height:90%}
.d-example-type{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.06em;margin-bottom:10px}
.d-example h3{font-size:clamp(23px,2vw,30px);line-height:1.5;margin:0 0 14px}
.d-example>p:not(.d-example-type){font-size:16px;line-height:1.9;margin:0 0 18px}
.d-example-tech{display:flex;flex-wrap:wrap;list-style:none;gap:9px;margin:auto 0 0;padding:0}
.d-example-tech li{border:1px solid #1d7d6340;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:700}
.d-example>a{display:flex;align-items:center;gap:22px;min-height:44px;font-weight:700;color:var(--green);margin-top:auto}
.d-example>a svg{width:21px;height:21px}
.d-example-meter>div{background:white;border:1.5px solid;border-radius:10px;padding:14px 18px;width:78%;max-width:240px;box-shadow:4px 4px 0 var(--ink)}
.d-example-meter span{font-size:12px;font-weight:800}
.d-example-meter i{display:block;height:9px;margin:12px 0;background:linear-gradient(to right,var(--green) 60%,#e7eeea 60%);border-radius:5px}
.d-example-meter i+i{background:linear-gradient(to right,var(--mint) 35%,#e7eeea 35%)}
.d-example-meter b{font-size:10px;letter-spacing:.08em}
.d-example-disk>div{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1.3fr;gap:5px;width:70%;height:112px;border:2px solid;padding:6px;border-radius:10px;background:white}
.d-example-disk i{background:var(--mint);border-radius:3px}
.d-example-disk i:first-child{grid-row:1/3;background:var(--green)}
.d-example-disk i:last-child{display:none}
@media(max-width:600px){.d-example-grid{grid-template-columns:1fr;gap:42px}.d-example-graphic{height:160px}.d-example h3{font-size:25px}.d-example h3 br{display:none}}