/* BashMag company overview: the same introductory rhythm as Letoile. */
.bashmak-overview .letoile-role-copy>p:not(.letoile-eyebrow){max-width:540px}
.bashmak-overview .letoile-responsibilities p:last-child{margin-bottom:0}
.bashmak-overview .bashmak-formats{margin-top:55px;padding:0;scroll-margin-top:125px}
.bashmak-formats-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:24px;align-items:start}
.bashmak-formats-heading h2{margin:0;font-size:clamp(25px,2.6vw,39px);line-height:1.12;letter-spacing:-.035em;font-weight:650}
.bashmak-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.bashmak-format-grid article{border-bottom:1px solid var(--line);padding-bottom:20px;min-width:0}
.bashmak-format-grid h3{margin:0 0 14px;font-size:clamp(20px,1.9vw,27px);line-height:1.2;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.bashmak-format-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.bashmak-company .project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin-inline:auto;gap:40px}
.bashmak-company .project-cover{max-width:470px;margin-inline:auto}
.bashmak-company .project-entry-copy{max-width:470px;width:100%;margin-inline:auto}
.bashmak-company .project-open{min-height:44px;display:inline-flex;align-items:center;background:#d6ef4d;color:#24202a}
@media(max-width:1000px){.bashmak-formats-heading{gap:28px}.bashmak-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}}
@media(max-width:700px){.bashmak-overview .bashmak-formats{margin-top:34px}.bashmak-formats-heading{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.bashmak-formats-heading h2{font-size:29px}.bashmak-formats-heading h2 br{display:none}.bashmak-company .project-card-grid{gap:28px}.bashmak-format-grid h3{font-size:22px}}
@media(max-width:600px){.bashmak-company .project-card-grid{grid-template-columns:1fr;gap:36px}.bashmak-format-grid{gap:24px 18px}}
@media(max-width:380px){.bashmak-format-grid{grid-template-columns:1fr}}

/* Same 3D page turn as Letoile, with a generation on the reverse. */
.bashmak-company .bashmak-flip-scene{display:block;position:relative;aspect-ratio:3/4;perspective:1100px;cursor:pointer}
.bashmak-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.bashmak-flip-scene.is-flipped .bashmak-flip-inner{transform:rotateY(-180deg) translateZ(8px)}
.bashmak-flip-front,.bashmak-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--portfolio-photo-radius,18px);overflow:hidden}
.bashmak-flip-back{transform:rotateY(180deg)}
.bashmak-company .bashmak-flip-scene img{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
@media(prefers-reduced-motion:reduce){.bashmak-flip-inner{transition:none}.bashmak-flip-scene.is-flipped .bashmak-flip-inner{transform:none}.bashmak-flip-back{transform:none;visibility:hidden}.bashmak-flip-scene.is-flipped .bashmak-flip-back{visibility:visible}.bashmak-flip-scene.is-flipped .bashmak-flip-front{visibility:hidden}}

.bashmak-overview .letoile-tools{margin-top:34px}
.bashmak-overview .letoile-tools>h2{font-size:17px;font-weight:600}

/* Keep the selected tools in one line; narrow screens scroll horizontally. */
.bashmak-overview .letoile-tools{grid-template-columns:120px minmax(0,1fr);gap:24px}
.bashmak-overview .tool-group .tools.resume-tools{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:6px;scrollbar-width:thin;margin-top:0;gap:8px}
.bashmak-overview .tool-group .resume-tools .tool{flex:0 0 auto;white-space:nowrap;font-size:14px;padding:5px 10px 5px 5px}
.bashmak-overview .tool-group .resume-tools .tool>span:last-child{white-space:nowrap;overflow-wrap:normal}
.bashmak-overview .tools:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
@media(max-width:800px){.bashmak-overview .letoile-tools{grid-template-columns:1fr;gap:16px}}

/* Tool labels without decorative borders or a frame around the group. */
.bashmak-overview .tool-group .tools.resume-tools{outline:none;box-shadow:none;border:0}
.bashmak-overview .tool-group .tools.resume-tools .tool{border:0;box-shadow:none}
