/* A restrained fashion-brand button system: type, material and hierarchy. */
:root{--action-rose:#d72b60;--action-ink:#391424;--action-pearl:#f8edf1}
.fashion-button.fashion-primary,.fashion-button.fashion-secondary,.fashion-button.fashion-glass,.fashion-button.fashion-pearl,.cases .case-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-height:48px;min-width:144px;padding:13px 27px;border:1px solid transparent;border-radius:999px;font-family:var(--font);font-size:13px;font-weight:600;font-style:normal;line-height:1.45;letter-spacing:1.2px;gap:0;text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s}
.fashion-button.fashion-primary{background:linear-gradient(115deg,#be214f,#df3268);border-color:#ffffff16;color:#fff7fa;box-shadow:inset 0 1px 0 #ffffff1c,0 5px 16px #67132a24}
.fashion-button.fashion-primary:hover{background:linear-gradient(115deg,#d42b5d,#eb4479);box-shadow:inset 0 1px 0 #ffffff26,0 7px 22px #a322482b;transform:translateY(-2px);color:#fff}
.fashion-button.fashion-secondary{background:#ffffff05;border-color:#e9cedb66;color:#f0e3e9;box-shadow:none}
.fashion-button.fashion-secondary:hover{background:#f8edf1;border-color:#f8edf1;color:#391424;transform:translateY(-2px)}
.fashion-button.fashion-glass{background:#20151fb3;border-color:#fff7fa80;color:#fff7fa;backdrop-filter:blur(8px);min-width:118px;min-height:44px;font-size:12px;padding:11px 22px}
.fashion-button.fashion-pearl{background:linear-gradient(115deg,#fbf1f4,#ebd2de);border-color:#ffffff72;color:#44162c;box-shadow:0 8px 24px #15060d2b;min-width:198px;min-height:56px;font-size:14px;letter-spacing:2px}
.fashion-button.fashion-pearl:hover{background:#fff8fb;color:#5b1733;box-shadow:0 10px 26px #15060d40;transform:translateY(-2px)}
.fashion-button:focus-visible,.business-panel:focus-visible,.case-card:focus-visible{outline:2px solid #ffd2e2;outline-offset:5px}
.fashion-button:active{transform:translateY(0)}
.hero-actions{gap:16px;margin-top:30px}
.hero-actions .fashion-button{min-width:170px;min-height:50px;padding:14px 26px}
.hero-actions .fashion-secondary{background:#1e14205c;border-color:#f1dce890;backdrop-filter:blur(8px)}
.hero-actions .fashion-secondary:hover{background:#f8edf1;color:#391424}
.business-panel .panel-content{display:flex;align-items:center;justify-content:space-between;gap:18px}
.business-panel .panel-content h3{margin:0}
.business-panel:hover .panel-action{background:#f8edf1;border-color:#f8edf1;color:#391424}
.cases .case-footer{display:block;padding:18px 0 0;margin-top:20px;border-top:1px solid #ffffff12}
.cases .case-action{width:100%;min-width:0;min-height:44px;background:#ffffff03;border-color:#d3a7b74a;color:#e8d9df;font-size:12px;padding:11px 20px}
.cases .case-card:hover .case-action,.cases .case-card:focus-visible .case-action{background:#f3e4eb;border-color:#f3e4eb;color:#391424}
.join-grid .fashion-button{min-width:158px}
.cta-row .recruit-button{flex-shrink:0;margin-left:30px}
.footer-top .fashion-button{min-width:148px;font-size:12px}
#case-dialog .close-bottom.fashion-button{min-width:166px;min-height:44px;width:auto;border-radius:999px;background:#ffffff05;border:1px solid #e9cedb66;color:#f0e3e9;padding:12px 24px;font-size:12px;letter-spacing:1px}
#case-dialog .close-bottom.fashion-button:hover{background:#f8edf1;border-color:#f8edf1;color:#391424}
.back-top{width:48px;height:40px;border:1px solid #d3a7b74a;border-radius:999px;background:#211920e8;color:#eddee5;font-size:10px;letter-spacing:1px;backdrop-filter:blur(8px)}
.back-top:hover{background:#f3e4eb;color:#391424}
.workflow-list article{grid-template-columns:60px 190px 1fr}
@media(max-width:1100px) and (min-width:761px){.business-panel .panel-content h3{font-size:28px}.business-panel .panel-action{min-width:100px;padding:11px 16px}.workflow-list article{grid-template-columns:50px 140px 1fr}}
@media(max-width:760px){.hero-actions{gap:12px}.hero-actions .fashion-button{min-width:0;min-height:46px;padding:12px 20px;font-size:12px;letter-spacing:.4px}.fashion-button.fashion-secondary{font-size:12px;min-height:46px}.business-panel .panel-content{align-items:flex-start;flex-direction:column;gap:17px}.business-panel .panel-content h3{font-size:31px}.business-panel .panel-action{min-width:118px;min-height:44px}.cta-row{align-items:flex-start;flex-direction:column;gap:26px}.cta-row .recruit-button{margin:0;min-width:180px;min-height:50px;font-size:13px}.footer-top .fashion-button{min-width:126px;padding:12px 20px}.workflow-list article{grid-template-columns:32px 1fr}.workflow-list p{grid-column:2;grid-row:2}#case-dialog .close-bottom.fashion-button{width:100%}.application form .fashion-button{white-space:normal}.back-top{width:46px;height:40px}}
@media(max-width:360px){.hero-actions{gap:10px}.hero-actions .fashion-button{padding:12px 15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.fashion-button,.cases .case-action{transition:none!important}.fashion-button:hover{transform:none!important}}
